欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

標準參考

無(wú)。

問(wèn)題描述

Firefox 不支持 DOM 對象的 insertAdjacentHTML insertAdjacentText 方法。

造成的影響

使用這兩個(gè)方法將在 Firefox 瀏覽器內報錯。

受影響的瀏覽器

問(wèn)題分析

insertAdjacentHTML 方法

insertAdjacentHTML 方法是比 innerHTML、outerHTML 屬性更靈活的插入 HTML 代碼的方法。它可以實(shí)現在一個(gè) DOM 元素的前面、后面、第一個(gè)子元素前面、最后一個(gè)子元素后面四個(gè)位置，插入指定的 HTML 代碼。不是 W3C 標準的 DOM 方法。

這個(gè)方法最初是由 IE4.0 以上版本實(shí)現，為私有特性。詳細內容請參見(jiàn) MSDN 說(shuō)明：insertAdjacentHTML Method。

W3C 近期在 HTML5 草案中擴展了這個(gè)方法，更多詳細的信息，請參見(jiàn) W3C HTML5 草案：3.5.7 insertAdjacentHTML()。

目前，主瀏覽器中，只有 Firefox 不支持 insertAdjacentHTML 方法。

<script type="text/javascript">window.onload = function() {var ps = document.getElementById("one");try {ps.insertAdjacentHTML("beforeend", "<span style='background:yellow;'>hi</span>");} catch(err) {document.getElementById("info").innerHTML = err;}}</script><p id="one" style="background:silver; width:300px;">this is<i style="width:100px; background-color:gold;">another</i>text</p><div id="info"></div>

測試用例中，頁(yè)面加載的時(shí)候，會(huì )執行 one 的 insertAdjacentHTML方法。

如果執行期間有JS錯誤，錯誤信息會(huì )在 info 中輸出。

如果執行成功，one 元素內容的最后會(huì )被加上一個(gè)有黃色背景的文本“hi”。

在各瀏覽器下的截圖：

Firefox	IE6 IE7 IE8 Chrome Safari Opera

可見(jiàn)，只有 Firefox 下不支持 insertAdjacentHTML 方法。

insertAdjacentText 方法

insertAdjacentText 是比 innerText、outerText 屬性更靈活的插入文本的方法。它可以實(shí)現在一個(gè) DOM 元素的前面、后面、第一個(gè)子元素前面、最后一個(gè)子元素后面四個(gè)位置，插入指定的文本。不是 W3C 標準的 DOM 方法。

這個(gè)方法是 IE 私有特性。詳細內容請參見(jiàn) MSDN 說(shuō)明：insertAdjacentText Method。

至今為止 W3C 的 HTML5 草案還未涉及此方法。

目前，主瀏覽器中，只有 Firefox 不支持 insertAdjacentText 方法。

<script type="text/javascript">window.onload = function() {var ps = document.getElementById("one");try {ps.insertAdjacentText("beforeend", "<span style='background:yellow;'>hi</span>");} catch(err) {document.getElementById("info").innerHTML = err;}}</script><p id="one" style="background:silver; width:300px;">this is<i style="width:100px; background-color:gold;">another</i>text</p><div id="info"></div>

• 測試用例中，頁(yè)面加載的時(shí)候，會(huì )執行 one 的 insertAdjacentText 方法。
• 如果執行期間有 JS 錯誤，錯誤信息會(huì )在 info 中輸出。

如果執行成功，one 元素內容的最后會(huì )被加上文本 “<span style='background:yellow;'>hi</span>”。

在各瀏覽器下的截圖：

Firefox	IE6 IE7 IE8 Chrome Safari Opera

可見(jiàn)，只有 Firefox 下不支持 insertAdjacentText 方法。

解決方案

在 Firefox 中，可通過(guò)擴展 HTMLElement 的原型 (prototype) 來(lái)實(shí)現這兩個(gè)方法：

if (typeof(HTMLElement) != "undefined") {HTMLElement.prototype.insertAdjacentElement = function(where, parsedNode) {switch (where) {case "beforeBegin":this.parentNode.insertBefore(parsedNode, this);break;case "afterBegin":this.insertBefore(parsedNode, this.firstChild);break;case "beforeEnd":this.appendChild(parsedNode);break;case "afterEnd":if (this.nextSibling)this.parentNode.insertBefore(parsedNode, this.nextSibling);elsethis.parentNode.appendChild(parsedNode);break;}}HTMLElement.prototype.insertAdjacentHTML = function(where, htmlStr) {var r = this.ownerDocument.createRange();r.setStartBefore(this);var parsedHTML = r.createContextualFragment(htmlStr);this.insertAdjacentElement(where, parsedHTML);}HTMLElement.prototype.insertAdjacentText = function(where, txtStr) {var parsedText = document.createTextNode(txtStr);this.insertAdjacentElement(where, parsedText);}}

參見(jiàn)

知識庫

• ...

相關(guān)問(wèn)題

• ...