执行ajax返回代码中的脚本,支持document.write

恩,有个产品要速度改版,改用ajax实现分页,可是页面中有很多内联脚本,求技术改比较慢,于是采用了最速都的方法:返回内容之后,把html塞到对应的层里,然后手动eval一下脚本。

这里有点小困难的就是脚本里面有document.write…。不过李宁叔叔说过…

demo:
支持返回代码中的内联或者外联的脚本
https://bluehua.org/demo/eval_inner_html/

原理是这样滴:
执行这些代码之前先把document.write改成自己的函数,用来收集输出的字符串

var _write = document.write;
        
document.write = function( str )
{
    _inner_js.push( str );
}       

执行返回html中的脚本之后将document.write输出的代码添加到script标签的位置

var tmp = document.createDocumentFragment();
appendHTML( tmp,  _inner_js.join( '' ) );
s.parentNode.insertBefore( tmp, s );

已发布

分类

来自

标签:

评论

《 “执行ajax返回代码中的脚本,支持document.write” 》 有 3 条评论

  1. Dong 的头像
    Dong

    你好,你这个实现可以再异步HTTP请求的情况是使用么?

  2. Dong 的头像
    Dong

    HTTP返回脚本里面有很多内联脚本和document.write

  3. LU 的头像
    LU

    很好用,谢谢

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据