脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → ie6 ie9 json table innerhtml

IE6-IE9使用JSON、table.innerHTML所引发的问题

 更新时间：2015年12月22日 14:09:48   作者：头文件  
这篇文章主要介绍了IE6-IE9使用JSON、table.innerHTML所引发的问题 ,需要的朋友可以参考下

 一、在IE兼容模式中以及各具有IE内核的浏览器兼容模式中使用  jQuery 中的JSON函数时出现“JSON未定义”  而切换到浏览器高速模式则正常显示

解决方案 ：

1.直接在使用的页面中引入json2.js （https://github.com/douglascrockford/JSON-js/blob/master/json2.js）引入方法不再赘述。

2.在页面的公共js方法里判断

　　if(typeof JSON == 'undefined'){ 
　　$('head').append($("<script type='text/javascript' src='.../json2.js'>")); //此处的位置为该js文件所在路径
　　}

二、使用ajax时，经常需要动态生成页面元素，而使用element上属性innerHTML填充页面HTML。但是在使用中发现 table元素的innerHTML时赋值时，在firefox下是好的，但在ie兼容模式中出现未知的运行时错误。错误示例如下：

 

发现是在IE6-IE9下，下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的

解决方法：调用下面js方法 

function setTableInnerHTML(table, html) {//table 为table对象，html为生成的html字符串
  if (navigator && navigator.userAgent.match(/msie/i)) {
    var temp = table.ownerDocument.createElement('div');
    temp.innerHTML = '<table>' + html + '</table>';//注意此处传进来的html变量包含“<tbody></tbody>”标签  如果HTML变量中没有 则为 '<table><tbody>' + html + '</tbody></table>'
    table.replaceChild(temp.firstChild.firstChild, table.tBodies[0]);//用生成的div中table的tbody替换原table中的tbody
  } else {
    table.innerHTML = html;
  }
}

以上内容是小编给大家分享的IE6-IE9使用JSON、table.innerHTML所引发的问题，希望大家喜欢。

您可能感兴趣的文章:

相关文章

  • javascript 获取radio的value的函数 [已测]

    javascript 获取radio的value的函数 [已测]

    javascript 获取radio的value的函数 如果与asp,php等后台语言结合时，一般用不到，但在纯js环境下是必须的。
    2009-06-06
  • js利用FileReader实现图片转base64格式并上传预览头像

    js利用FileReader实现图片转base64格式并上传预览头像

    本文主要介绍了js利用FileReader实现图片转base64格式并上传预览头像，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • 浅谈javascript中的闭包

    浅谈javascript中的闭包

    Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性，并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。
    2015-05-05
  • JavaScript实现拖拽简单效果

    JavaScript实现拖拽简单效果

    这篇文章主要为大家详细介绍了JavaScript实现拖拽简单效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • javascript操作cookie的文章(设置，删除cookies)

    javascript操作cookie的文章(设置，删除cookies)

    一篇javascript处理cookie的文章,脚本之家之前发布过很多这样的文章。
    2010-04-04
  • js实现简单掷骰子小游戏

    js实现简单掷骰子小游戏

    这篇文章主要为大家详细介绍了js实现简单摇筛子小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 用客户端js实现带省略号的分页

    用客户端js实现带省略号的分页

    带省略号的分页只有在服务器端才可以实现，下面为大家介绍的是用js实现的带省略号的分页，感兴趣的朋友可以参考下哈，希望对你写出好的分页有所帮助
    2013-04-04
  • javascript 一些用法小结

    javascript 一些用法小结

    JavaScript的一些用法总结
    2009-09-09
  • 你可能不需要在JavaScript使用switch语句

    你可能不需要在JavaScript使用switch语句

    这篇文章主要介绍了你可能不需要在JavaScript使用switch语句，对switch性能感兴趣的同学，可以参考下
    2021-04-04
  • javascript类继承的实现方法

    javascript类继承的实现方法

    JavaScript是一种面向对象的语言,而继承是面向对象编程的一个重要特性,在JavaScript中,继承的实现方式有多种,本文将介绍javascript类的继承的实现,感兴趣的朋友一起看看吧
    2023-10-10

最新评论