代码兼容-JS代码的浏览器兼容问题

问题描述

JS代码的浏览器兼容问题

求大家帮帮忙,我在js代码中写的是
window.onload=function(){setInterval(showtime,1000);}
function showtime(){
var current = new Date();
var t = document.getElmentById("time");
t.firstChild.innerText = current.toLocaleString();
}
此代码是在浏览器中实时显示本地时间
此代码在IE9,Chrome中运行正常,但是在火狐浏览器中不显示,为什么?

解决方案

存在浏览器兼容性问题,需要对代码做修改,在火狐里面调试一下,可能会报错

解决方案二:

t.firstChild.innerText = current.toLocaleString();

这段在firefox上不兼容

解决方案三:

windows.onload不work,你应该在body里做

解决方案四:

用 innerHTML = ...

时间: 2024-10-26 05:58:45

代码兼容-JS代码的浏览器兼容问题的相关文章

js事件驱动机制 浏览器兼容处理方法_javascript技巧

3.1. 事件是如何产生的 * 第一种情况,用户对网页做了某些操作,比如,点击了一个按钮,产生点击事件. 第二种情况,用户没有对网页做操作,也可能产生事件,比如浏览器已经将整个页面加载完毕,会产生加载完成事件.当事件产生以后,浏览器会查找产生事件的节点有没有绑订相应的事件处理代码.如果有,则调用该代码来处理.如果没有,会继续向上查找父节点,有没有对应的事件处理代码(事件冒泡). 3.2. 绑订事件处理代码 ** 1) 绑订事件处理代码到html标记乊上 比如: <a id="a1"

JavaScript代码格式化工具(JS代码分析必备)

推广等的控制广告显示的JS文件及生成的广告单元的源文件中的JavaScript代码都是经过JS压缩器以及混淆器处理后的.以达到减小这些文件的大小的目的. 当我们需要分析这些文件的时候就需要格式化javascript代码的工具,使之方便阅读. 在这里我给大家介绍的就是Javascript Code Improver 一个免费的工具.他很简单,只有格式化代码这一个功能,不过,足够用了.支持中英文界面切换. 下载:Javascript Code Improver JavaScript Code Imp

html5中placeholder兼容js代码

在做项目时,特别对于登录,注册一些重要提示,一般都是使用placeholder属性,可以实现输入时提示信息消失,失去焦点后提示信息显示,只是这个属性也存在不够兼容: 下面的代码可以尝试去用jQuery来完成不支持placeholder的时候. 注意:对于密码框需要单独进行处理,另外,input 框里的文字样式可能需要另加修改. 自己可以在这段代码的基础上进行改善,以达到自己需要的效果. $(function() { // 如果不支持placeholder,用jQuery来完成 if(!isSup

获取fckeditor内容,统计字数,在指定位置插入代码的js代码

  //获取格式化的编辑器内容 function geteditorcontents(){ var oeditor = fckeditorapi.getinstance("content"); alert(oeditor.getxhtml(true)); } //统计编辑器中内容的字数 function getlength(){ var oeditor = fckeditorapi.getinstance("content"); var odom = oeditor

js 兼容性-有个js代码,火狐浏览器可以实现,谷歌不行,求解决

问题描述 有个js代码,火狐浏览器可以实现,谷歌不行,求解决 用js写了一个切换样式的(用下拉框选择样式切换).但是在火狐浏览器可以实现切换,在谷歌和360浏览器就没有反应.求教大神指导.下面是有关代码,有些没有关系的我就删了. //皮肤样式切换 function switchStylestyle(styleName){ aa=document.styleSheets; for(i=0;i<aa.length;i++){ aa[i].disabled=true; if(aa[i].title==

浏览器兼容的JS写法总结_javascript技巧

一.元素查找问题1. document.all[name]   (1)现有问题:Firefox不支持document.all[name]   (2)解决方法:使用getElementsByName(name),getElementById(id)等来替代. 2. 集合类对象问题   (1)现有问题:IE中对许多集合类对象取用时可以用 (),但在Firefox只能用[].       如:IE中可以使用document.forms("formName")来返回名字为"formN

复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题_javascript技巧

但IE6两行JS代码就可以,IE7以上也差不多,只不过出来一个安全提示比较恶心,用户如果看到了,一定有怀疑: 再但就是Firefox.Chrome等根本就不让你复制: 记得以前网上有这方面的代码,找了一下,发现全部不能在firefox3.5以上的版本中应该,最后终于找到了一个,代码还相当相当的复杂,不太敢用. 最后,憋的实在没有办法了,查了查资料,自已写了一个: 主要的理解的几个点: 1.Firefox这些浏览器,出于安全考虑吧,直接是不让复制的: 2.在Flash中,可以用System.set

兼容-page-break-after: always;火狐浏览器上不执行

问题描述 page-break-after: always;火狐浏览器上不执行 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>分页打印</title> </head> <body> <object id=WebBrowser classid=CL

两种方法基于jQuery实现IE浏览器兼容placeholder效果_jquery

placeholder是HTML5<input>的属性之一,在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果: 在Chrome( v31.0.1650.63 m).Firefox( v21.0 ).360安全( v6.3 极速模式 )中,输入栏获得焦点后,提示文字并不消失,如图( Chrome ): 获得焦点前: 获得焦点时: 偏偏IE11要搞点特殊: 获得焦点前: 获得焦点时: 也就是说获得焦点时提示的文字会消失. 非现代浏览器( 例如 IE6-IE9 )是不支持pl