让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法

admin 2021年4月3日19:37:14评论30 views字数 1650阅读5分30秒阅读模式

    让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法,使火狐支持 insertAdjacentHTML 方法,document.body.insertAdjacentHTML。

    insertAdjacentHTML 和 insertAdjacentText 是IE下特有的JS,功能非常好用。

    可惜 Firefox 没有这两东东,不过,加上下面的这段的,Firefox下也可以支持这两个方法了。

在你的JS开头加入:

if(typeof HTMLElement!="undefined" && !HTMLElement.prototype.insertAdjacentElement)
{
     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);
                    else this.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)
     }
}

文章来源于lcx.cc:让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法

相关推荐: 视频:神奇的读心大师 网上有你的整个人生 利用社工+人肉来做神棍……

网上有你的整个人生 - Your entire life is online 利用社工+人肉来做神棍…… 原始视频地址:http://www.youtube.com/watch?v=F7pYHN9iC9I 比利时金融行业协会/银行公会公益广告:http://w…

免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉。
  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2021年4月3日19:37:14
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法https://cn-sec.com/archives/323933.html
                  免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉.

发表评论

匿名网友 填写信息