IE6與IE7中，innerHTML獲取param的區(qū)別
更新時(shí)間：2009年03月15日 21:20:35 作者：
最近，在用一些web編輯器，發(fā)現(xiàn)插入一段mp3后，查看源代碼，object標(biāo)簽中的param都被刪除。下面我演示給大家看看。
代碼：
<html>
<head>
<script type="text/javascript"><!--
function setMode(newMode)
{
var text1=document.getElementById("text1");
var cont;
bTextMode = newMode;
if (bTextMode) {
cont=text1.innerHTML;
text1.innerText=cont;
}
else {
cont=text1.innerText;
text1.innerHTML=cont;
}
}
// --></script>
</head>
<body>
<div>
<input id="EditMode" onClick="setMode(this.checked)" type="checkbox">
查看HTML源代碼</div>
<div id=text1 name=text1>
<object width=500 height=300 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95>
<param name=Filename value=text.mp3>
</object>
</div>
</html>
在IE6下瀏覽：
而在IE7中：
復(fù)制代碼 代碼如下:
<html>
<head>
<script type="text/javascript"><!--
function setMode(newMode)
{
var text1=document.getElementById("text1");
var cont;
bTextMode = newMode;
if (bTextMode) {
cont=text1.innerHTML;
text1.innerText=cont;
}
else {
cont=text1.innerText;
text1.innerHTML=cont;
}
}
// --></script>
</head>
<body>
<div>
<input id="EditMode" onClick="setMode(this.checked)" type="checkbox">
查看HTML源代碼</div>
<div id=text1 name=text1>
<object width=500 height=300 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95>
<param name=Filename value=text.mp3>
</object>
</div>
</html>
在IE6下瀏覽：
而在IE7中：
IE7把object中的param標(biāo)簽都給刪除，這讓我們很不解。在通過(guò)innerHTML獲取object以及其中的HTML代碼的時(shí)候，它并不是純粹將原來(lái)的代碼提取出來(lái)，而是有“修飾”的。在IE6的“修飾”結(jié)果是它給了我們相當(dāng)完善的param代碼，IE7中則是將param代碼刪除。這種差異給我們網(wǎng)頁(yè)編寫代碼的帶來(lái)很多麻煩。解決辦法，還在構(gòu)思中。希望有遇到該問(wèn)題的朋友一起來(lái)討論。
您可能感興趣的文章:
- js的.innerHTML = ""IE9下顯示有錯(cuò)誤的解決方法
- IE6-IE9不支持table.innerHTML的解決方法分享
- IE6/7/8/9中Table/Select的innerHTML不能賦值的解決方法
- 僅IE6/7/8中innerHTML返回值忽略英文空格的問(wèn)題
- Javascript在IE下設(shè)置innerHTML時(shí)出現(xiàn)未知的運(yùn)行時(shí)錯(cuò)誤的解決方法
- 解決IE下select標(biāo)簽innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- innerHTML 和 getElementsByName 在IE下面的bug 的解決
- IE bug table元素的innerHTML
- JS 動(dòng)態(tài)獲取節(jié)點(diǎn)代碼innerHTML分析 [IE,FF]
- IE 下的只讀 innerHTML
- IE innerHTML,outerHTML所引起的問(wèn)題
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
相關(guān)文章
JavaScript雙問(wèn)號(hào)操作符(??)詳解及如何解決使用||時(shí)因類型轉(zhuǎn)換帶來(lái)的問(wèn)題
雙問(wèn)號(hào)操作符是ES2020引入的一個(gè)用于處理變量默認(rèn)值的新特性,與傳統(tǒng)的邏輯或操作符||不同,這篇文章主要介紹了JavaScript雙問(wèn)號(hào)操作符(??)詳解及如何解決使用||時(shí)因類型轉(zhuǎn)換帶來(lái)的問(wèn)題,需要的朋友可以參考下2025-04-04
BootstrapTable+KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查解決方案（三）兩個(gè)Viewmodel搞定增刪改查
這篇文章主要介紹了BootstrapTable+KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查解決方案（三）兩個(gè)Viewmodel搞定增刪改查 的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了Javascript模塊導(dǎo)入導(dǎo)出詳解的相關(guān)資料,需要的朋友可以參考下2022-12-12
多選列表框動(dòng)態(tài)添加,移動(dòng),刪除,全選等操作的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)多選列表框動(dòng)態(tài)添加,移動(dòng),刪除,全選等操作的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
本文詳細(xì)介紹了JavaScript數(shù)組reduce()方法的使用,包括核心語(yǔ)法、常見(jiàn)案例以及常見(jiàn)錯(cuò)誤,通過(guò)實(shí)際案例和代碼分析,幫助讀者徹底掌握reduce方法,同時(shí),還提供了reduce的polyfill實(shí)現(xiàn),以深入理解其工作原理,需要的朋友可以參考下2025-02-02
前端實(shí)現(xiàn)文件下載的幾種常用方式總結(jié)
這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)文件下載的兩種常用方式,兩種方法均通過(guò)創(chuàng)建臨時(shí)URL并觸發(fā)下載實(shí)現(xiàn),文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-11-11
簡(jiǎn)單了解微信小程序的目錄結(jié)構(gòu)
這篇文章主要介紹了簡(jiǎn)單了解小程序的目錄結(jié)構(gòu)，在開(kāi)發(fā)小程序之前，我們首先需要對(duì)其目錄結(jié)構(gòu)進(jìn)行了解，以便于提升開(kāi)發(fā)效率,需要的朋友可以參考下2019-07-07
本文將深入探討如何使用強(qiáng)大的xlsx庫(kù)來(lái)操作Excel文件,本文將涵蓋如何在Node.js和瀏覽器環(huán)境中讀取Excel文件,創(chuàng)建新的Excel文件等內(nèi)容,感興趣的小伙伴可以了解下2024-11-11
webpack之引入圖片的實(shí)現(xiàn)及問(wèn)題
如果我們希望在頁(yè)面引入圖片。當(dāng)我們基于webpack進(jìn)行開(kāi)發(fā)時(shí)，引入圖片會(huì)遇到一些問(wèn)題，這篇文章主要介紹了webpack之引入圖片的實(shí)現(xiàn)及問(wèn)題，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-10-10
在編程中，模塊是指將相關(guān)的代碼封裝在一起，形成一個(gè)獨(dú)立的單元，在這篇文章中，我們將深入探討在TypeScript中如何定義、導(dǎo)入和導(dǎo)出模塊，感興趣的可以了解一下2023-06-06