IE6-IE9使用JSON、table.innerHTML所引發(fā)的問題
更新時間：2015年12月22日 14:09:48 作者：頭文件
這篇文章主要介紹了IE6-IE9使用JSON、table.innerHTML所引發(fā)的問題 ,需要的朋友可以參考下
一、在IE兼容模式中以及各具有IE內(nèi)核的瀏覽器兼容模式中使用 jQuery 中的JSON函數(shù)時出現(xiàn)“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時，經(jīng)常需要動態(tài)生成頁面元素，而使用element上屬性innerHTML填充頁面HTML。但是在使用中發(fā)現(xiàn) table元素的innerHTML時賦值時，在firefox下是好的，但在ie兼容模式中出現(xiàn)未知的運行時錯誤。錯誤示例如下：
發(fā)現(xiàn)是在IE6-IE9下，下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML屬性是只讀的
解決方法：調(diào)用下面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;
}
}
以上內(nèi)容是小編給大家分享的IE6-IE9使用JSON、table.innerHTML所引發(fā)的問題，希望大家喜歡。
相關文章
![javascript 獲取radio的value的函數(shù) [已測]](http://img.jbzj.com/images/xgimg/bcimg0.png)
javascript 獲取radio的value的函數(shù) [已測]
javascript 獲取radio的value的函數(shù) 如果與asp,php等后臺語言結(jié)合時，一般用不到，但在純js環(huán)境下是必須的。2009-06-06
js利用FileReader實現(xiàn)圖片轉(zhuǎn)base64格式并上傳預覽頭像
本文主要介紹了js利用FileReader實現(xiàn)圖片轉(zhuǎn)base64格式并上傳預覽頭像，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
Javascript中有幾個非常重要的語言特性——對象、原型繼承、閉包。其中閉包 對于那些使用傳統(tǒng)靜態(tài)語言C/C++的程序員來說是一個新的語言特性。本文將以例子入手來介紹Javascript閉包的語言特性，并結(jié)合一點 ECMAScript語言規(guī)范來使讀者可以更深入的理解閉包。2015-05-05
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)拖拽簡單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
javascript操作cookie的文章(設置，刪除cookies)
一篇javascript處理cookie的文章,腳本之家之前發(fā)布過很多這樣的文章。2010-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單搖篩子小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
帶省略號的分頁只有在服務器端才可以實現(xiàn)，下面為大家介紹的是用js實現(xiàn)的帶省略號的分頁，感興趣的朋友可以參考下哈，希望對你寫出好的分頁有所幫助2013-04-04
JavaScript的一些用法總結(jié)2009-09-09
這篇文章主要介紹了你可能不需要在JavaScript使用switch語句，對switch性能感興趣的同學，可以參考下2021-04-04
JavaScript是一種面向?qū)ο蟮恼Z言,而繼承是面向?qū)ο缶幊痰囊粋€重要特性,在JavaScript中,繼承的實現(xiàn)方式有多種,本文將介紹javascript類的繼承的實現(xiàn),感興趣的朋友一起看看吧2023-10-10