JS在IE,firefox,chrome中的兼容问题

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

面对三大主流浏览器IE,firefox,chrome,JavaScript在部分细节的使用上有所不同,下面就根据本人使用中的遇到的问题稍作总结。

1、对frameset的解析的不同

    IE和chrome都可以使用frameset的name属性取得frameset,例如:

 

 <frameset id =top rows="70,*" frameborder="0" framespacing="0">
 <frame   name="titlebar" scrolling="no" noresize="noresize" />
    <frameset id = main cols="200,6,*" frameborder="0" framespacing="0">
 <frame id=leftframe scrolling='auto' name='leftframe' />
 <frame id=handleframe  scrolling='no' name='handleframe' />
   <frame id = rightframe scrolling='auto' name='mainframe' />
 </frameset>
 </frameset>
 

   对于这个嵌套使用frameset的html,IE和chrome可以使用top.main取到name为main的frameset,但是在firefox在无法取到。

在firefox下只能通过window.parent.document.getElementById("main")取到frameset。

2、使用DOM取节点text的不同

  在IE和chrome上取DOM节点的text可以直接使用getElementByTagName(xx)(x).text,但是在firefox中DOM节点没有text属性,只能使用textContent取得节点的文本。

 

3、数组括号使用不同

 在IE和chrome上取DOM节点访问既可以使用getElementByTagName(xx)(x),也可以使用getElementByTagName(xx)[x],但是在firefox中只能使用中括号。

JS实现文档下载兼容谷歌、火狐、IE js文件下载?简单啊,a标签的download属性,然后点击即下载。 http://www.w3school.com.cn/tags/att_a_download.asp 官方也说了只有 FirefoxChrome 支持 download 属性。 那我IE11怎么办,于是我开始了无尽的百度与尝试。 // 方法一:window.open没用,只是打开文件。 let output = '/s... 阅读详情

相关推荐

js控制frameSet示例

修改frameset的cols属性来达到修改各个页面所占的宽高,例如隐藏当前frame页等等,感兴趣的朋友可以了解下

IE,chrome,火狐浏览器在css和js方面的兼容性总结

IE,chrome,火狐浏览器在css和js方面的兼容性总结

baidu_33164415的博客 507

JS实现pasteHTML兼容ie,firefox,chrome的方法

本文实例讲述了JS实现pasteHTML兼容ie,firefox,chrome的方法。分享给大家供大家参考,具体如下: <html> <body> [removed] function test() { if (document.selection && document.selection.createRange) { var myRange = document.selection.createRange(); var m = myRange.pasteHTML('<iframe width=100 height=100 src="

JavaScriptie6 ie7 ie8和Firefox下bug兼容解决记录(包含部分CSS )

原文链接:http://www.w3cfuns.com/thread-5592162-1-1.html居中问题div里的内容,IE默认为居中,而FF默认为左对齐可以尝试增加代码margin:auto高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让...

weixin_30260399的博客 222

selenium常见问题——定位子窗口(frame)内元素失败

当页面存在子窗口(frame,框架)时,需要先切换到子窗口,然后再定位元素,否则定位会失败 使用账号:zhangsan/123456 登陆网站后,直接定位“用户管理”就存在该问题 如下图所示, 直接执行 driver.findElement(By.linkText("商品管理")).click(); 会查找元素失败。 解决办法: 先切换到元素所在的frame,然后再进行定位 driver.switchTo().frame("leftFrame"); driver.findEl...

caohongxing的博客 1452

HTML小技巧的一些小技巧

1.怎样定义网页语言(字符集)?             在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:     把charset=gb2312改换成其它语言代码即可,比如英文harset=en.  2.怎样防止别人把你的网页放到框架里?

师远鹏 8585

chrome frame 在 iframe frameset 下无效 的处理方法

对于 web开发者来讲 chrome frame 的确是个好东西(http://www.google.com/chromeframe 下载), 只有装上了这个神器ie 就变成 chrome 了。再也不用担心浏览器兼容性,webkit  的渲染速度飞快,v8 脚步引擎也让客户端的脚步处理速度 加快了不少。当我们只是像对站点下的某个目录用 cf 来渲染的话 就需要修改注册表了,如: [HK

churujianghu的专栏 2888

JavaScript的常见兼容问题及相关解决办法chrome IE firefox

首先这里声明一下,关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester 下面的代码关于声明 1:获得滚动条的情况 function getScroll(){ var t, l, w, h; if (document.documentElement && document.docum

WebGIS,一步一步踏实走出来 1954

ie9 与 firefoxchrome浏览器 css、js兼容问题

最近一直在给老师做一个B/S项目,我一直是在firefoxchrome上开发的, 给老师看进度的时候在ie上时了下,结果网页布局那是一个看不得啊; 布局完全乱套了,但是最致命的不是这个,是我使用ajax请求的时候返回的一直是“”; 在firefoxchrome上都能够拿到值啊,为什么在ie上有问题呢? 我想是不是我使用jquery版本不支持ie9,所以我去下了最新版的jquery;

金禅的专栏 2539

JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

qq_38472465的博客 470

ie和谷歌在java中空格兼容,JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)...

首先这里声明一下,关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester下面的代码关于声明1:获得滚动条的情况function getScroll(){var t, l, w, h;if (document.documentElement && document.documentElement.scrollTop) {t =...

weixin_39827589的博客 184

JS判断是否为IE浏览器

https://blog.csdn.net/xiaocai9999/article/details/78200516

qq_40055200的博客 1089

html 收藏本页,设为首页与加入收藏的JS代码(多浏览器支持)

最新的支持IEfirefoxchrome有提示信息的代码://设为首页 www.jb51.netfunction SetHome(obj,url){try{obj.style.behavior='url(#default#homepage)';obj.setHomePage(url);}catch(e){if(window.netscape){try{netscape.security.Pri...

weixin_31091881的博客 1773

仿京东左侧二级导航条

IE6到10,firefoxChrome没有问题,主要是CSS代码,还有IE6、7JS兼容问题,最后发现用setTimeout延时显示二级菜单不行,二级菜单会自动隐藏,求高手解答~ HTML代码: <div id="menu"> <div id="top"><span><a href="#">全部商品分类</a></s...

weixin_34220179的博客 723

JS的 event 对象属性、使用实例、兼容性处理(极大提高代码效率、减少代码量)

下面讨论一下 js 中的 Event 对象,主要从以下三个方面详细的描述(点击标题可跳转到对应部分): 1.什么是event 2.怎么用event,用他该注意什么,几个简单实际应用 3.event在不同浏览器的存在的兼容问题,及如何去解决 什么是event Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。说的通俗一点就是,event是J...

极客神殿 631

用新版Edge浏览器打开只有Internet Explorer兼容的老网页

近日管理 H3C 的路由器,发现有些页面的设置对话框打不开,看控制台发现出错:window.showModalDialog is not a function,如图:

nullpointer2008的专栏 4959
上一篇: php mysql xml的汉字编码问题
下一篇: vbscript变量的生命周期问题
王_庚
博客等级 码龄16年 7粉丝 23原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值