document.createElement在IE和Firefox下的差异

IE有3种方式都可以创建一个元素: 1 document.createElement("<input type=text>") 2 document.createElement("<input>") 3 document.createElement("input") Firefox只支持一种方式: document.createElement("input");document.setAttribute…

Javascript下IE与Firefox下的差异兼容写法总结

http://www.jb51.net/article/23923.htm 总结一部分IE和Firefox的javascript差异写法,对于像书写多浏览器兼容性更好的代码,可以参考下. 一.脚本差异: 1.事件绑定:addEventListener 与 attachEvent 事件处理函数中this指向不同, IE中指向window 2.获取事件对象 :事件处理函数 window.event 3.获取触发事件的DOM元素: target srcElement 4.阻止…

JavaScript 覆盖document.createElement 方法解决window.close在火狐下不兼容问题）

近期项目遇到了问题,有个asp.net web程序仅仅能在IE7 执行.如今xp都淘汰了,大家都用IE8-IE11,因此这个web app也须要升级适应全部IE版本号.照成IE版本号不兼容的问题主要来致document.createElement方法的调用,如: function addStyleNo(value, cannotDel) { if (!value) { value = ''; } var tb = $('tbodyStyle'); …

JS中document.createElement()用法及注意事项

今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素 var inputObj = document.createElement ("<input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;'" readonly >&…

FireFox下Canvas使用图像合成绘制SVG的Bug

本文适合适合对canvas绘制.图形学.前端可视化感兴趣的读者阅读. 楔子所有的事情都会有一个起因.最近产品上需要做一个这样的功能:给一些图形进行染色处理.想想这还不是顺手拈来的事情,早就研究过图形染色的技术.于是我把之前写好的两种算法发给了小伙伴,让他参照实现,第一种算法是操纵像素.第二种使用了图像合成:globalCompositeOperation.所有的事情都可能会有意外,写程序更是如此了.没多久,小伙伴说,第二种算法在firefox下不起作用. 探索原因听说有bug,心中一惊.我测…

js document.createElement()的用法 (转)

document.createElement()的用法分析代码时,发现自己的盲点--document.createElement(),冲浪一番,总结了点经验. document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点. 下面,举例说明document.cre…

js 随机星星 document.createElement(); setAttribute()

js 随机星星 document.createElement(); setAttribute() <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">…

document.createElement

document.createElement()的用法 document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点. 下面,举例说明document.createElement()的用法.<div id="board"></div&g…

document.createElement()的用法<> 加强我对陌生代码的理解！

document.createElement()的用法分析代码时,发现自己的盲点——document.createElement(),冲浪一番,总结了点经验. document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点. 下面,举例说明document.cre…

event.srcElement在火狐(FireFox)下的兼容问题。搜索框获得焦点时默认文字变化

前言: 项目中用到了一个功能,搜索框里有默认的文字,当搜索框获得焦点时里面的默认文字消失,如果失去焦点时搜索框内容为空则让里面的内容回复默认!,. 实现: 很轻松的在网上找到了类似代码 $("#search_text").focus(function (event) { with (event.srcElement) //如果当前值为默认值,则清空 if (value == defaultValue) value = ""; }); $("#search_…

document.createElement()的用法

今天做项目需要做个添加地址栏和前面需要一个按钮,就看到了这篇文章! document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点. 下面,举例说明document.createElement()的用法.<div id="board"><…

document.createElement方法的使用

我们在使用createElemen方法t创建一个元素节点的时候,似乎在IE下面怎么写都可以,但切换到FF等其它浏览器却总是会报错. 比如我们要创建一个input元素,那么在IE下,我们可以有多种写法: 要测试某种情况,请将其它情况注释: <script type="text/javascript">//第一种,连同属性一起被创建var x = document.createElement("<input type='text' size='30' />…

解决Firefox下，页面元素不刷新问题

由于FireFox的刷新机制与IE有较大区别.所以javascript代码 document.location.reload();通常在IE上工作正常,在Firefox下效果却并不理想,这是因为Firefox会记录上一次的页面元素的值,所以我们常常会看见刷新页面后,旧的值却好保留在页面上. Tips: document.location.reload()相当于在Firefox上按F5 来刷新,但 F5刷新并不能清除缓存中被保留的页面元素的值.但我们可以用Ctrl+F5 来实现IE下F5的效果…

JavaScript 覆盖document.createElement 方法

最近项目遇到了问题,有个asp.net web程序只能在IE7 运行,现在xp都淘汰了,大家都用IE8-IE11,因此这个web app也需要升级适应所有IE版本.照成IE版本不兼容的问题主要来致document.createElement方法的调用,如: function addStyleNo(value, cannotDel) { if (!value) { value = ''; } var tb = $('tbodyStyle'); var tr…

window.frames[]在Firefox下无法兼容的解决方式

html代码段: <iframe id="fr" src="ProjectTree.aspx?IsFree=true&f=yes&IsCheckProjectAuthority=false" frameborder="0" scrolling="no" style="height:100%; width: 100%;"></iframe> JavaScript代码段:…

firefox下reset()不好使的问题

最近在测试项目时发现,在firefox下,form.reset()方法对于隐藏的<input>等不起效果,导致程序中出现了错误,以下面为例: js代码: document.agentForm.reset(); html代码: <input name="agentId" type="hidden" /> 解决办法: //为防止firefox表单reset()方法失效,故重新初始化agentId document.agentForm.ag…

[转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载)，按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1: 页面的分享等插件加载不全,并无法点击. 兼容问题2: IE下页面选择器(#id..class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的success方法返回值data. 兼容问题3: 在IE和Google下能够获取,ajax的success返回的数据data,但firefox下获取不到. 兼容问题4: 页面跳转,或url进入,js代码不能正确执行,如果按了F12后(开启F12),JavaScript(加载)事件可以正常响应,一切都正常…

摘抄 - 不为人知的JS调用样式的方法---document.createElement().addRule(..)

很多人可能在调用css样式都是使用传统的方式调用其实有很多方法可以进行调用,如使用内嵌样式,在html直接加入样式,给定外部样式文件,在外部样式文件中使用 @import url(样式文件路径),这些都是大家常用的,其实还有就是使用javascript进行样式的定义. 第一种: var style = document.createElement(’link’); style.href = ’style.css’; style.rel = ’stylesheet’; style.type = ‘…

html drag api 在firefox 下拖动出现新窗口的解决办法

有个功能,需要用drag drop api 来做. 发现在firefox下拖放,会出现新的tab 页签,即使在ondragover.ondrop中使用了event.preventDefault也无济于事,在mozllia上MDN的例子拖动也会弹出新的tab 页签. 随后发现有同事写的drag drop 在firefox下不会弹出,遂研究起来,发现用的dataTransfer.setData("asdf",""),同事只是用了drag drop的效果,没有用dataT…

$.parseJson 在 firefox 下返回 null 的问题

最近调查一个浏览器兼容性问题,在 IE, chrome下都运行正常,但是在 firefox 下运行时: $.parseJson(xxx) 返回 null,所以导致了无法正常运行,调查的结果是因为返回是,没有使用下面的语句定义返回值的类型: response.setContentType("text/html; charset=utf-8"); 导致了 firefox 以为返回的是 xml 数据(alert时弹出 xml object),导致 $.parseJson(xx) 对返回…

document.createElement()方法

document.createElement()是在对象中创建一个对象,主要和appendChild() 方法或者insertBefore() 方法联合使用. appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点.…

console.log的一个应用 -----用new方法生成一个img对象和document.createElement方法创建一个img对象的区别

我用两种方法来生成img对象,第一种方法是用new方法,第二种方法是用document.createElement方法. var img1 = new Image(); var img2 = document.createElement('img'); var img1 = new Image(); var img2 = document.createElement('img'); 其实,乍一看,感觉有些不同,但是具体什么不同,一下子也说不上来. 在console窗口,比较看看,都是生成img对…

document.createElement("A");

搞了一天,终于把A里面的属性弄出来代码1: <BODY></BODY><SCRIPT LANGUAGE="JavaScript"><!--var A = document.createElement("A");A.setAttribute("href","#");A.appendChild(document.createTextNode("一些文字"));docu…

Firefox下网页缩放时防止div被挤到下一层

http://wu110cheng.blog.163.com/blog/static/13334965420121120102439190/ Firefox下网页缩放时防止div被挤到下一层问题:三个div,一个div中包含两个浮动带有border边框的div:且样式设计中保证两个div全部宽度之和等于外层div的宽度.在火狐下缩放网页显示比例小于100%时,会导致右边div被挤到下一行. 案例: <style> *{ margin:0; padding:0;} #box{width:300…

css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡

pre如果同时运用了css的border-radius. overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡. 解决方法:去掉css中border-radius. overflow其中的任意一个属性即可具体原因不知道是什么,可能跟firefox的css渲染有关,有知道的麻烦告诉一声 html及css代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"…

解决Firefox下input button内文字垂直居中

众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致): 按钮文字居中是不行的(此时设置padding-bottom是没用的) : 等等… 1 input[type="reset"]::-moz-focus-inner, 2 input[type="button"]::-moz-focus…

在table中tr的display:block在firefox下显示布局错乱问题

[转自:] http://blog.csdn.net/sd2131512/article/details/4720345 按照常理,对于某一单元行需要显示时,使用:display:block属性,不需要显示时使用display:none属性,而且这样做在IE浏览器中显示正常,没有任何问题. 但是当用Firefox浏览时却出现了布局错乱的问题,然后通FireBug去看了下源码,调试下了,发现是display:block属性搞的鬼. 1.当表格为多列的情况下,属性为"display:block&qu…

【document.createElement在IE和Firefox下的差异】的更多相关文章