html浏览器兼容性的 JavaScript语法

1.      在FireFox中可以使用与HTML节点对象ID属性值相同的JS变量名称，但是IE中不行。

解决办法：在命名上区分HTML节点对象ID属性值和JS变量

2.      IE不支持JS的const,无法定义JS常量

解决办法：全部用var定义为变量

3.      在JS中书写URL地址字符串时&字符就直接写为“&”(去掉双引号),不要写“&”，否则容易出现URL识别不正常的错误

4.      在IE中可以通过showModalDialog和showModelessDialog打开模式和非模式窗口，FireFox下则不能

解决办法：使用Window.Open方法。 如果需要将子窗口中的参数传递回父窗口，可以在子窗口中使用Window.Opener属性来访问父窗口；如果需要父窗口控制子窗口的话，使用Var
subWindow = Window.Open(pageURL,Name,Parameters); 来获得新开的窗口对象

5.      在IE中向表格里添加一行的方法insertRow()如果不指定参数，默认参数为-1,将自动向Table中追加1行；在FireFox中一定要指定参数如-1,参数为空会报错

6.      在IE中可以使用new ActiveXObject()的方法实例化对象，如var
xmlDom = new ActiveXObject("Microsoft.XMLHTTP");但是FireFox不支持ActiveXObject,只能通过这种方法如var
xmlDom = new XMLHttpRequest();实例化对象

时间： 2024-11-10 06:26:44

html浏览器兼容性的 JavaScript语法的相关文章

浏览器兼容性：Javascript

1.event IE9以下不支持直接获取event对象,所以需要写兼容: var event = event?event:window.event; IE8以下不支持event.target,但是可以通过event.srcElement来兼容: var eventTarget = event.srcElement?event.srcElement:event.target; 2.document.getElementsByClassName("...") IE8以下不支持,暂时没有解决

Javascript浏览器兼容性

JS <noscript>标签 早期浏览器都面临一个特殊的问题,即当浏览器不支持JavaScript 时如何让页面平稳地退化.对这个问题的最终解决方案就是创造一个<noscript>元素,用以在不支持JavaScript 的浏览器中显示替代的内容.这个元素可以包含能够出现在文档<body>中的任何HTML 元素一一<script>元素除外. 包含在<noscript>元素中的内容只有在下列情况下才会显示出来: 浏览器不支持脚本: 浏览器支持脚本,

多浏览器兼容性问题及解决方案之Javascript篇

CSS跟JavaScript开发中,最令大家头疼的问题就是浏览器兼容性了,虽然很多文章有这方面的文章,但依然让很多开发人员晕头转向,而且也不够全面.这篇文章,将全面收集css和javascript在各种浏览器下的兼容性报告,也期待各位不断补充. 由于发觉内容收集越来越多,决定将CSS跟JavaScript分开. 一.document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 do

html标签和css基础语法与浏览器兼容性等相关基础学习

<!-- table的使用 --> <h3>前端日常</h3> <form action="https://www.baidu.com"> <table border="1px" cellspacing="0px"><!--cellspacing单元格间隙--> <thead></thead><tbody> <col span=&qu

浏览器兼容性问题汇总

# 浏览器兼容性问题汇总 ## 问题1 ### first-child ## <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div p:first-child { color: red; } </style> </head> <

脚本的浏览器兼容性问题

1.window对象不要去掉 window.parent.location 2.firefox和ie内置的对象确实不一样,你用jquery吧这个是跨浏览器的,只需要 $("#yourID").parent()就直接可以得到了 很方便,而且jquery也比较小,只有几十k,现在浏览器这么多 不可能不用跨浏览器解决方案的. 楼主不是通过http协议访问的吧,通过file协议webkit核心(chrome和360极速模式)parent,opener不能互访,会报错 以下以 IE 代替 Int

浏览器兼容性小记-DOM篇（二）

1.DOM中的所有节点都继承自Node类型,IE9之前将DOM节点作为COM对象来实现:每个DOM节点都有一个nodeType属性来表明节点类型,总共有12个类型: 1 Node.ELEMENT_NODE 2 Node.ATTRIBUTE_NODE 3 Node.TEXT_NODE 4 Node.CDATA_SECTION_NODE 5 Node.ENTITY_REFERENCE_NODE 6 Node.ENTITY_NODE 7 Node.PROCESSING_INSTRUCTION_NODE

浏览器兼容性调试 （360 , IE , Chrome）

浏览器兼容性问题,一直是一个比较头疼的事情,各家有各家的标准,这就苦了广大 debuger 们. 一.360 目前,360安全浏览器的使用者已经越来越多,而且从微软宣布和360合作,对xp进行维护后,更是有不可阻挡的态势.那带来的问题,就是我们需要去适配360. 360采用双核机制,包括webkit 和 IE内核,在安装过程中,会检测本地IE版本,如果高于IE8,则不安装内置IE8. 同时,360帮助也给出了一个解决办法,详情参见:点此查看.从这份帮助文档来看,360还是有一定的野心的,呵呵.

window.open()详解及浏览器兼容性问题

一.基本语法:window.open(pageURL,name,parameters)其中:pageURL 为子窗口路径name  为子窗口名字parameters 为窗口参数(各参数用逗号分隔) 二.示例 <script type="text/javascript"> window.open('page.html','newwindow','height=500,width=800,top=0,left=0, toolbar=no,menubar=no,scrollbar