位置:首页 » 技术 » JavaScript 兼容浏览器FF/IE技巧

JavaScript 兼容浏览器FF/IE技巧

日期:2013-04-01 阅读:0num
Advertisement

【分享】JavaScript 兼容浏览器FF/IE技巧

JScript code

做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们,
不然有些浏览器就无法运行我们的代码。就会造来客户的投诉,如果让BoSS知道了,这可不太好哦。
下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助。   

.以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox   

//window.event
IE:有window.event对象
FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
解决方法:var event = event || window.event;
example:
<script>
       function test(event) {
            var event = event || window.event;
            //do Something
       }
</script>
<input type="button" value="click" onclick="test(event)"/>

//鼠标当前坐标
IE:event.x和event.y。
FF:event.pageX和event.pageY。
通用:两者都有event.clientX和event.clientY属性。    

//鼠标当前坐标(加上滚动条滚过的距离)
IE:event.offsetX和event.offsetY。
FF:event.layerX和event.layerY。
解决方法:
<script>
       function test(event) {
            var event = event || window.event;
            //or var event = event ? event : window.event;//这2中都可以,也可以用if else(这简写)
            var x = event.offsetX || event.layerX;
            var y = event.offsetY || event.layerY;
            //do Something
       }
</script>
<div onmousedown="test(event)"></div>
/**其他的兼容的解决方法类似,不再一一举例**/

//event.srcElement问题
说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,
但是没有srcElement属性.
解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者
Firefox下的event.target. 请同时注意event的兼容性问题。   

//event.toElement问题
问题:
IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属
性
解决方法:
var target = e.relatedTarget || e.toElement;    

//标签的x和y的坐标位置:style.posLeft 和 style.posTop
IE:有。
FF:没有。
通用:object.offsetLeft 和 object.offsetTop。    

//窗体的高度和宽度
IE:document.body.offsetWidth和document.body.offsetHeight。注意:此时页面一定要有body标签。
FF:window.innerWidth和window.innerHegiht,以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用:document.body.clientWidth和document.body.clientHeight。    

//添加事件
IE:element.attachEvent("onclick", function);。
FF:element.addEventListener("click", function, true)。
通 用:element.onclick=function。虽然都可以使用onclick事件,但是onclick和上面两种方法的效果是不一样的,
onclick 只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例如:element.attachEvent("onclick", func1);element.attachEvent("onclick", func2)这样func1和func2都会被执行。    

//标签的自定义属性
IE:如果给标签div1定义了一个属性value,可以div1.value和div1["value"]取得该值。
FF:不能用div1.value和div1["value"]取。
通用:div1.getAttribute("value")。    

//document.form.item 问题
IE:现有问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行
FF/IE: document.formName.elements["elementName"]   

//集合/数组类对象问题
(1)现有问题:
    现有代码中许多集合类对象取用时使用 (),IE 能接受,MF 不能。
(2)解决方法:
    改用 [] 作为下标运算。如:document.forms("formName") 改为 document.forms["formName"]。
    又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]   

//HTML 对象的 id 作为对象名的问题
(1)现有问题
     在 IE 中,HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能。
(2)解决方法
     用 getElementById("idName") 代替 idName 作为对象变量使用   

//用idName字符串取得对象的问题
(1)现有问题
     在IE中,利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象,在MF 中不能。
(2)解决方法
     用 getElementById(idName) 代替 eval(idName)。   

//变量名与某 HTML 对象 id 相同的问题
(1)现有问题
    在 MF 中,因为对象 id 不作为 HTML 对象的名称,所以可以使用与 HTML 对象 id 相同的变量名,IE 中不能。
(2)解决方法
    在声明变量时,一律加上 var ,以避免歧义,这样在 IE 中亦可正常运行。
    此外,最好不要取与 HTML 对象 id 相同的变量名,以减少错误。   

//document.getElementsByName() 和 document.all[name] 的问题
现有问题:在 IE 中,getElementsByName()、document.all[name] 均不能用来取得 div 元素
(是否还有其它不能取的元素还不知道)。
//document.all
Firefox可以兼容document.all, 但会生成一条警告。可以用getElementById("*")
或者 getElementByTagName("*")来代替
不过对于document.all.length等属性,则完全不兼容   

//input.type属性问题
说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写   

//window.location.href问题
说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,
只能使用window.location
解决方法:使用window.location来代替window.location.href   

//模态和非模态窗口问题
说明:IE下,可以通过showModalDialog和showModelessDialog打开模态和非模态窗口;Firefox下则不能
解决方法:直接使用window.open(pageURL,name,parameters)方式打开新窗口。
如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener来访问父窗口.
例如:var parWin = window.opener; parWin.document.getElementById("Aqing").value = "Aqing";    

//frame问题
以下面的frame为例:
<frame src="xxx.html" mce_src="xxx.html" id="frameId" name="frameName" />
(1)访问frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象. frameId和frameName可以同名。
FF:只能使用window.frameName来访问这个frame对象.
另外,在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.
(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"来切换frame的内容.
如果需要将frame中的参数传回父窗口(注意不是opener,而是parent frame),可以在frme中使用parent来访问父窗口。
例如:window.parent.document.form1.filename.value="Aqing";    

//body问题
Firefox的body在body标签没有被浏览器完全读入之前就存在;而IE的body则必须在body标签被浏览器完全读入之后才存在   

//事件委托方法
IE:document.body.onload = inject; //Function inject()在这之前已被实现
FF:document.body.onload = inject();    

//firefox与IE的父元素(parentElement)的区别
IE:obj.parentElement
FF:obj.parentNode
解决方法: 因为FF与IE都支持DOM,因此使用obj.parentNode是不错选择   

//innerText在IE中能正常工作,但是innerText在FireFox中却不行. 需用textContent   

//FireFox中设置HTML标签的style时,所有位置性和字体尺寸的值必须后跟px。这个ie也是支持的   

//父节点、子节点和删除节点
IE:parentElement、parement.children,element.romoveNode(true)。
FF:parentNode、parentNode.childNodes,node.parentNode.removeChild(node)。    

//对select的options集合操作
枚举元素除了[]外,SelectName.options.item()也是可以的, 另外SelectName.options.length, SelectName.options.add/remove都可以在两种浏览器上使用。
注意在add后赋值元素,否则会失败
动态删除select中的所有options:
       document.getElementById("ddlResourceType").options.length=0;
动态删除select中的某一项option:
       document.getElementById("ddlResourceType").options.remove(indx);
动态添加select中的项option:
       document.getElementById("ddlResourceType").options.add(new Option(text,value));
IE FF 动态删除通用方法:
document.getElementById("ddlResourceType").options[indx] = null;   

//捕获事件
问题:
FF没有setCapture()、releaseCapture()方法
解决方法:
IE:
obj.setCapture();
obj.releaseCapture();
FF:
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
if (!window.captureEvents) {
       o.setCapture();
}else {
       window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
if (!window.captureEvents) {
       o.releaseCapture();
}else {
       window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}    

//禁止选取网页内容
问题:
FF需要用CSS禁止,IE用JS禁止
解决方法:
IE: obj.onselectstart = function() {return false;}
FF: -moz-user-select:none;    

//画图
IE:VML。
FF:SVG。    

//CSS:透明
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。    

//CSS:圆角
IE:不支持圆角。
FF:-moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。    

//CSS:双线凹凸边框
IE:border:2px outset;。
FF:-moz- border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;
-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。  

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/IBM_hoojo/archive/2010/07/02/5708440.aspx
相关文章
  • JavaScript 兼容浏览器FF/IE技巧

    [分享]JavaScript 兼容浏览器FF/IE技巧 JScript code 做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们, 不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦. 下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助. .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox

  • JavaScript兼容浏览器FF/IE技巧

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦. 下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助. .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox //window.event IE:有window.event对象 FF:没有wi

  • Javascript兼容IE&FF的复制到剪贴板

    下面给大家整理了三个JS实现复制内容到剪贴板,兼容各种浏览器方法,一个是js另一个是jquery的还有一个就是使用的clipboardswf方法了. 方法一,全js复制到剪切版 可以兼容基本上所有的主流浏览器(IE,FF),很多地方可以用到的: 代码如下 复制代码 copyToClipboard = function(txt) { if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.s

  • javascript兼容ie,ff设置首页,加入收藏代码

    如果要兼容多浏览器就要判断用户的浏览器类型,如果是firefox还是ie6,7,8等,这样可以根据他们不能的区别进行判断再作操作. <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <script language="网页特效" type="text/javasc

  • JavaScript js 兼容浏览器有关问题 兼容FireFox(FF)、IE的解决办法

    JavaScript js 兼容浏览器问题 兼容FireFox(FF).IE的解决方法 做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦.下面是兼容IE和FF的js脚本做法和分解(部分选自网上): .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox //window.even

  • JavaScript多浏览器兼容

    Javascript 多浏览器兼容 一.document.formName.item("itemName") 问题 问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements["elementName"]:Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使

  • Javascript字符串浏览器兼容问题分析

    本文实例分析了Javascript字符串浏览器兼容问题.分享给大家供大家参考.具体分析如下: 先看下不兼容的写法,若我想获取某个字符串的第几位 代码如下: var str='aavvvcc'; console.info(str[0]); 这种写法 在IE 7以下的浏览器都不兼容,以下提供浏览器全兼容的方式 代码如下: var str='aavvvcc'; console.info(str.charAt(1)); 使用charAt() 就可以获取字符串中某个字符,并且全部兼容. 希望本文所述对大家

  • 纯css对联广告特效代码(兼容ie,ff,gg,360浏览器)

    这里我们找到一款非常不错的只要全css就能实现的固定位置对联广告效果代码,并且兼容ie,ff,gg,360浏览器.

  • javascript 事件绑定方法与兼容ie ff解决办法

    网页特效 事件绑定方法与兼容ie ff解决办法 var t = document.getelementbyid("tab1"); t.onclick = function tst(){ alert(''); } 第二种方法 var tb = document.getelementbyid("tab1"); if(window.addeventlistener){ // mozilla, netscape, firefox td_value.addeventliste

  • javascript 弹出层高度不限垂直居中 兼容ie ff chrome

    一个兼容ie ff chrome 的javascript 弹出层高度不限垂直居中 实现代码,有需要了解的同学可参考一下. 今天调整一下弹出层,遇到个小问题:获取scrollTop的值? 网上看了一些获取网页被卷去的高的方法,document.body.scrollTop在ie ff中都是0,奇怪的是在chrome中可以. 我猜ff以经向ie靠拢了,我用的是ff 13.0.1,可以能是以前版本的用的,在此略过-- 代码如下 复制代码 s += " 网页被卷去的高(ff):"+ docum

  • 兼容ie,ff,chrome的javascript窗口关闭代码

    本文章简单的介绍了兼容ie,ff,chrome的javascript窗口关闭代码有需要的同这可以参考一下. 代码如下 复制代码 function windowclose() { var browserName = navigator.appName; if (browserName=="Netscape") { window.open('', '_self', ''); window.close(); } else { if (browserName == "Microsof

  • js获取浏览器高度和宽度值(兼容ie7 ff ie6多浏览器)

    本文章提供这款js获取浏览器高度和宽度值函数代码,他可以兼容ie7 ff ie6浏览器,根据条件判断得出浏览器高度和宽度值哦 代码如下 function calc_scroll_xy() { _browser_scroll_x = 0; _browser_scroll_y = 0; if( typeof( window.pageyoffset ) == 'number' ) { //netscape compliant _browser_scroll_y = window.pageyoffset

  • jquery 调用iframe页面中js的步骤 兼容Ie,FF,chore浏览器

    jquery 调用iframe页面中js的方法 兼容Ie,FF,chore浏览器 iframefunction()是子页面的方法 $(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction();

  • JavaScript判断浏览器的有关问题,解决兼容有关问题

    JavaScript判断浏览器的问题,解决兼容问题 在JavaScript里面的function(){}方法里面我看别人的代码都是在()里面传进去一个参数,但是我不知道这个参数是什么时候传进去的,求解,,下面方法传进去的那个event是咋传进去的? document.getElementById("test").onmouseover=function(event){ var evt=window.event||event; document.getElementById("

  • JavaScript 兼容IE、FireFox、Chrome等浏览器的xml处置函数

    JavaScript 兼容IE.FireFox.Chrome等浏览器的xml处理函数 在编写处理xml的网页时,经常为浏览器兼容性头疼.于是我将常用的xml操作封装为函数.经过一段时间的改进,现在已经很稳定了,用起来很舒服. 函数有-- xml_loadFile:xml同步/异步加载. xml_transformNode:xsl转换. xml_text:节点的文本. selectSingleNode:根据XPath选择单个节点. selectNodes:根据XPath选择多个节点. 全部代码(z

  • JavaScript获取浏览器高度和宽度值兼容所有浏览器

    JavaScript获取浏览器高度和宽度值包括有:documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight,下面我来给各位同学介绍. 实例 代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

  • javascript 兼容各个浏览器的事件 javascript 兼容各个浏览器的事件

    调用事件: 事件对象 什么是事件对象?在触发dom上的事件是都会产生一个事件对象event.例如鼠标点击的时候,自己就会产生比如点击的类型啊 还要那个元素发出的 dom 事件对象 type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 用于获取事件目标 cancelBubble属性 用于阻止事件冒泡 设

  • css与javascript跨浏览器兼容性总结

    一.CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因.如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV.解决办法: 1) 给父DIV也设上float 2) 在所有子DIV后新加一个空DIV(目前Ext是这么做的),比如: 1 2 3 4 5 6 7 8 9 .paren

  • 兼容ie,ff 复制到剪切板js代码

    兼容ie,ff 复制到剪切板js代码 <form name="form01"><input type="text" onmouseo教程ver="this.select();" class="iform sizeb" value="需要复制的内容!" name="contents"/> <input type="button" oncli

  • Javascript跨浏览器处置键盘事件keydown,keypress,keyup Javascript跨浏览器处置键盘事件keydown,keypress,keyup

    Javascript跨浏览器处理键盘事件keydown,keypress,keyup 用户在使用键盘时会触发键盘事件.目前,对键盘事件的支持主要遵循的是DOM0级. 在英文输入法下,所有浏览器都遵循以下三个事件: keydown: 当用户按下任意键时触发,而且按住不放的话,会重复触发此事件. keypress: 当用户按下字符键时触发,而且按住不放的话,会重复触发此事件.按下Esc键也会触发这个事件,Safari3.1之前的版本按下非字符键时也触发. keyup: 当用户释放键时触发. 在中文输

最新文章
  • 刷了iOS7的各位, 问你们: 微信正常吗?

    1. 好友列表是空的 2. 想让好友列表出现内容, 要去朋友圈里面"往下翻". 朋友圈滚动的时候, 出现的朋友, 才会出现在好友列表中. 3. 这样一来, 没在好友列表里的个人, 群组, 来消息的时候都只有App提醒数字, 点进去看不到消息. 4. 自己的头像也没有了, 一直叫你上传个头像. 但在网页版微信, 头像和好友列表都是有的. 我还是乖乖的刷回去吧. --cut-- yutify在2013-06-11 13:54:4回答到: 一台开发机,一台日常机 billowen在2013-

  • 有人在Mac OSX中用凯酷87键盘? 完美支持Mac吗? 好不容易选中了这款,淘宝卖家说不支持苹果系统

    如题~~~ --cut-- foru17在2013-05-11 12:57:3回答到: 正在用凯酷87 红轴,完美支持,买吧. PS:买来后可以把alt+win键自己换下位置. tangzs在2013-05-11 13:07:0回答到: @foru17 有版本区别么,有听说过无冲的MAC就不支持,而你买到的刚好不是无冲的?能否提供一下淘宝链接,谢谢啊 WarWithinMe在2013-05-11 13:28:5回答到: keycool 87是支持Mac的,我用的是灰色PBT茶轴.貌似一般机械键盘

  • 答题样式发布,如果你想对微信粉丝做问卷调查、统计、有奖答题等活动,欢迎使用我们的产品

    今天发了一个"十道选择题..."后激起大家的喷,不过这个无所谓,正题来了 我们的Tui产品开发了新的功能,可以自己在后台编辑题目,设置答题规则,比如 * 是否每道题都显示答案或解析 * 是否可以回顾错题 * 是否可重新答题 * 是否可以修改答案 等等 如果你有许多微信粉丝,或者有其它平台的粉丝,并想做一些调查类的活动,可以使用我们的产品,免费的, 演示地址:http://s5.zarktui.com/qa/24 如果您希望有自己的设计风格,我们可以提供定制化的开发服务 Tui产品介绍见

  • 高考估分有什么小技巧 高考估分有什么小技巧

    考生高考时,感觉一般会比模拟考试时的状态要好,因此在估分时可适当地加分,但不能过多地加分或减分,因为感觉毕竟是感觉.同时,在估分时还要注意一些学科的估分要点: 本站百科_综合配图 估分的四个基本原则 1准确回忆和核准答案.考后估分的关键是要能准确回忆和核准自己所做的答案,这就要求考生头脑清晰地检索自己所选的答案.对记忆不准确,没有把握的答案,建议考生一个人静心思索,切不可同他人商量,必要时可沿着考场上的解题思路重新试作一遍,并注意列出主要步骤,使得自己对主观题的每一个得分点都能较准确地把握. 2

  • 什么是PTC网赚

    P.T.C是PaidForClick的缩写,翻译成中文就是: 点击赚钱 公司成员分为广告主和会员两类,广告主花钱投放广告到公司,公司把这些广告根据每个会员的兴趣爱好显示给会员,会员点击这个广告,广告主所投入的广告费由公司和会员瓜分.比如可口可乐公司向PTC公司投放广告,每次点击他支付1美元,公司把这个可口可乐的广告分配给对饮料感兴趣的会员,会员点击了这个广告,公司和会员各得0.5美元的收入. 网络综合社区 什么人适合做PTC网赚? 1.在校大学生,在校大学生一般都有自己的电脑,空余时间也多,在玩

  • 12306用户怎么激活 12306用户怎么激活

    对于第一次申请12306购票账号的用户来说,可能会遇到很多问题,其中一个比较常见的是用户账户激活的问题.很多网友不知道如何激活刚申请的账号,不激活就无法使用12306账号正常购票,那么今天小编就来给大家讲解一下如何激活12306账号. 12306用户怎么激活 情况一:邮件被归类为垃圾邮件 12306账号不能激活怎么办?其实很多网友激活不了12306是因为邮箱没有正常收到信息,很有可能激活邮件已经被误认为垃圾邮件或者广告邮件而放到垃圾箱,我们到邮箱的垃圾箱中找一找即可. 情况二:邮件没有成功发送

  • qq音乐2015怎么清理缓存 qq音乐2015怎么清理缓存

    打开QQ音乐界面→点击黑线框出的标识→设置→缓存设置→点开这个缓存文件夹→清除所有文件 我们建议定期清理一下缓存,可以每天挂之前清理一下! 下载完成后,下次试听前,要把本地下载的歌曲删除掉,否则试听的歌曲只是本地歌曲,不算试听量的.QQ音乐只对绿钻用户开通高品质下载,所以若为提升排名而下载,请下载后删除. QQ安装目录下有个QQMusic 的文件夹,,打开它,里面有个cache的文件夹,删了里面的东西就行了 比如我的"D:Program FilesTencentQQQQ.exe"

  • MPEG4的相关有关问题 MPEG4的相关有关问题

    MPEG4的相关问题 最近在做一个类似视频网站的东西,需要对MEPG4文件进行帧的提取,然后帧的特征我已经知道了. 00 00 01 b6的16进制文件 很奇怪的是,我用格式工厂查看我用手机拍的一个mp4文件,他显示也是mpeg4的文件 我16进制查看内容,根本没发现,I帧 P帧 B帧 我用程序去读取了一下,好吧,是H264的格式的,可能是格式工厂有问题 程序读出来的是 然后我用格式工厂将这个mp4转成另外的mp4文件 就可以了 也可以读出来了 [color=#000000]我想咨询的是,MP4

  • JQuery学习笔记四

    JQuery学习笔记4 学习笔记 返回值:Array<Element(s)>:has(selector) 概述 匹配含有选择器所匹配的元素的元素 参数 selectorSelectorV1.1.4 一个用于筛选的选择器 给所有包含 p 元素的 div 元素添加一个 text 类 <div><p>Hello</p></div> <div>Hello again!</div> $("div:has(p)")

  • Google的Hosts无法访问 Google的Hosts无法访问

    今天,多个Google在国内的Hosts的IP地址失效,其IP地址无法访问,导致的现象是,用户无法访问Google的所有服务,包括搜索和Gmail邮箱. 众所周知,如果Google搜索不使用Hosts的话,会不太稳定,经常无法访问,很多词,甚至连"钓鱼岛"都无法搜索,而使用Hosts之后可以解决这个搜索问题. 而现在,Hosts的IP却无法访问了,经过使用tracert追踪,均是到了某几个中国骨干网路由器的IP后不通的,初步确认应该是国内骨干网防火墙把Google在国内的IP地址给封了

热门推荐
  • 开个火锅店需要多少钱 开个火锅店需要多少钱 开个火锅店要多少钱--开店前的心理准备 做好长期吃苦受累的准备.不少想开店的人只看到了"现金流量好,回报较理想"的好处,而忽略了这个行业艰苦的一面. 做好"走出关系误区"的准备.部分投资者抱着"我关系多.朋友多.我和我的朋友一年在外面要吃多少多少"等想法来开店.实际上,餐饮业是实实在在做市场的行业,关系只能锦上添花,而不能雪中送炭.比如,10张桌子时,可以一桌一桌地去敬烟.敬酒,但上了范围后,老板再一桌一桌地敬烟.敬酒已经办不到,就只能依附管理和
  • 个性城堡主题婚礼策划 个性城堡主题婚礼策划 浪漫动人的迪斯尼婚礼相信每位新娘都梦想过化身为公主,与心爱的王子在城堡中举行个性主题婚礼.现在只要来到香港迪斯尼乐园,幻想便能实现. 主题阐释: 小时候常常为公主王子的故事感动的女孩子,大概都幻想过自己成为故事里的主人公.而每一位即将成为新娘的女孩子,也几乎都梦想过自己化身为公主,与心爱的王子举行童话般的婚礼.一场轻松浪漫的Disney个性主题婚礼不仅能够满足你的心愿,更能给你留下难忘的回忆. 婚礼装饰: 甜蜜的大蛋糕,亮丽的色彩搭配,如梦如幻的光影效果,服务生和朋友们以可爱的卡通扮相出场,真是
  • Fireworks绘制逼真大众甲壳虫车 Fireworks绘制逼真大众甲壳虫车 下面我们先拿出一张汽车原图作参考来画. 原图 用钢笔工具勾线铺色. 勾出阴影大致形状. 对高光部分进行渐变填充,羽化透明. 在深入. 继续画出细节部分. 完成图. 其实 fireworks 也能画出不错的图. 介于大量评论对作者此图真实性的怀疑,作者特别提供半成品源文件下载,供众多的 fireworks 爱好者学习.在此感谢 popoco .请大家尊重作者,此源文件版权归 popoco 所有 作者的另两作品
  • 与其在寂寞中黯然泪下,不如洒脱面对一切 与其在寂寞中黯然泪下,不如洒脱面对一切 捻住笔,却写不出半段表述内心的文字,我的指尖冰冷无比.我从来没有想过,在我跌倒的时候,还要用勇气去迎接朋友的一个讥笑的眼光.纯真的友谊已经在社会这个大染缸中被利益渗透了,走过青涩的岁月,人由原来的懵懂变成了冷酷.我制约着心中的激情,忍耐着朋友的歧视,却忘记了追寻未来. 是谁指出,人总是碌碌无为的居多.难道我也要成为无为凡辈的一员的吗?什么时候才能把一生无怨无悔的贡献社会?曾经希望有朝一日,再努力一点,也可成为一个有为的青年.却不料到今时今日,还是一直在人海中漂流.到底,什么才是一般人生命中的无法
  • 灵异照片再现!历数10大不可思议事件 灵异照片再现!历数10大不可思议事件 1.智利一司机称拍到鬼魂视频 车祸现场流连? 据德国<图片报>12月20日报道,近日,智利一家电视台报道了一条诡异的新闻:在该国A-16高速公路上曾发生了一起严重的车祸,事后不久,一名司机竟然拍到了死者的"鬼魂"在事故现场徘徊,似乎在留恋自己的"躯壳". 死者的名字叫费尔南多·格雷罗·塔皮亚,去世时享年50岁,去年的那起车祸共造成2人死亡.车祸后大约20分钟,现场的一名卡车司机用摄像机拍摄汽车残骸时竟惊奇地发现,塔皮亚的"灵魂"竟然在
  • 国内移动市场繁荣 营销趋势解读 国内移动市场繁荣 营销趋势解读 近年来,中国的移动游戏市场与中国移动互联网产业相互合作,中国游戏产业迎来前所未有的繁荣时代,广大移动游戏开发公司纷纷崛起,意图在移动游戏产业占据有利地位,同样,也在各种营销手段也变得复杂多样化. 移动游戏市场已为中国移动互联网产业.中国游戏产业开始贡献规模化收入,成为推动中国移动互联网繁荣.资本市场活跃的主要力量.之前就有报告预计2015中国移动游戏市场规模将达到412.5亿,同比增长 40.5%;2016 年将达523.7 亿元,较 2015年增长27.0%;2017 年市场规模将超过 668