`

innerHTML在火狐中的显示问题

 
阅读更多
改前的代码:
-------------------------------------------------------------------------------------------------------------------
function seeBig(thispic) {
document.all.viewPic.innerHTML='<img src='+thispic+' width=123 height=78 border=0 onload=javascript:DrawImage(this,123,78);>'
}
------------------------------------------------------------------------------------------------------------------

修改后的代码:
------------------------------------------------------------------------------------------------------------------
function seeBig(thispic) {
document.getElementById("viewPic").innerHTML='<img src='+thispic+' width=123 height=78 border=0 onload=javascript:DrawImage(this,123,78);>'
}
------------------------------------------------------------------------------------------------------------------
通过上面的代码片段,大家可以看出,在IE下对innerHTML要求没有在firefox下严格,在firefox下必须用getElementByid获得ID才行。
分享到:
评论

相关推荐

    JS实现HTML标签转义及反转义

    这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。 这里提供一个非常简单有效的转义方案,利用了innerHTML和innerText ...

    记录几个javascript有关的小细节

    Firefox 支持 innerHTML 属性却不支持 innerText,如果不想用innerHTML 替代,可以用如下代码 由于Firefox不支持document.all,所以考虑兼容的时候获取对象通常用 document.getelementbyid(‘yourid’)....

    javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)

    |textContent(火狐支持),然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串,显示的时候反过来就可以了(实际上显示的时候不用通过转换,直接赋值在div就可以正常显示的)。 代码如下:[removed] ...

    显示div层js.txt

    /* 在火狐这样写不行。 divBackground.style.width = document.documentElement.clientWidth; //层的宽度 divBackground.style.height = document.documentElement.clientHeight; //层的高度 divBackground...

    zDialog水晶蓝色的弹窗代码.rar

     兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;  无外部css文件,引用Dialog.js即可使用;  对iframe下的应用作了充分考虑,适合复杂的系统应用;  Dialog显示的内容(三种):1、...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    XML创建了标识,而DOM的作用就是告诉script如何在浏览器窗口中操作和显示这些标识 上面我们已经简要的讲述了一些XML的基本原理,我们来看看它们之间的关联以及它们是如何工作的,先看这里一张图: 1.XML描述...

    Ajax基础教程(扫描版)

    7.2.1 使用firefox javascript console 189 7.2.2 使用microsoft script debugger 190 7.2.3 使用venkman 192 7.3 小结 207 第8章 万事俱备 209 8.1 模式介绍 209 8.1.1 实现褪色技术 209 8.1.2 实现自动刷新...

    javascript inneHTML的地雷

    回顾一下,IE会把标签内前面的一些空白kill掉,还会把它里面标签统统大写,会显示动态添加的属性,在某些元素中,它还是只读的。这个由IE发明的东西,最后被爆如此多缺陷,真是令人心寒。不过innerHTML还有一地雷,...

    javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码

    |textContent(火狐支持),然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串,显示的时候反过来就可以了(实际上显示的时候不消通过转换,直接赋值在div就可以正常显示的)。 [Ctrl+A 全选 注:如需引入...

    xBrowserSync-crx插件

    同步不再被禁用•为Chrome特定的URL加书签(即chrome:// ...)不再在Firefox中中断同步•更多的书签现在支持URL协议•添加了对同步Firefox本机分隔符的支持•添加了用于手动更新最新更改同步的按钮•更新了必需的...

    Goodreads评级为亚马逊「Goodreads ratings for Amazon」-crx插件

    在亚马逊的书中显示Goodreads的评分。 亚马逊的Goodreads评级是...-Firefox:从旧的Addons SDK迁移到了Web Extensions。 1.4-2015.10.26-用JQuery .find直接将innerHTML替换为字符串以获取书籍信息。 支持语言:English

    Knockout Context Hover-crx插件

    将上下文对象直接记录到浏览器Dev工具控制台中-跟随鼠标光标和切换实时上下文的快捷方式-单击并执行一个功能在Mozilla Firefox上也可用。 经过测试的KnockoutJS版本:3.4.2 3.1.0 2.2.1支持作为RequireJS模块加载的...

    【卷一/共两卷】AJAX实战pdf高清版90M

    A.5 安装:Firefox扩展 A.6 资源 附录B 面向对象程序员Javascript指南 B.1 JavaScipt不是Java B.2 JavaScript中的对象 B.2.1 创建即时对象 B.2.2 构造函数、类和原型 B.2.3 扩展内建类 B.2.4 原型的继承 B.2.5 ...

    基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文)

    友情链接及网页访问量统计显示:在博客的个人页面中还提供了推荐给普通网络用户的相关友情链接,此外,对个人页面的访问量也在随时进行统计,并在个人页面中进行直观的显示。 博客主页面的用例图如图3所示: 图3 ...

    JavaScript详解(第2版)

     2.5.1 Firefox   2.5.2 在Internet Explorer 8中调试   2.5.3 [removed]URL 协议   2.6 JavaScript与旧浏览器或受限的浏览器   2.7 应知应会   练习   第3章 数据类型、字面量和变量   3.1...

    JS分页效果JS分页效果

    Supported in Internet Explorer, Mozilla Firefox */ function showPages(name) { //初始化属性 this.name = name; //对象名称 this.page = 1; //当前页数 this.pageCount = 1; //总页数 this.argName = 'page...

Global site tag (gtag.js) - Google Analytics