解决AJAX读取页面中的Javascript问题 document.write

最新推荐文章于 2021-08-06 01:20:42 发布

feng_sundy

最新推荐文章于 2021-08-06 01:20:42 发布

阅读量2.3k

点赞数

分类专栏：脚本语言 WEB 开发文章标签： javascript ajax html buffer function 脚本

本文链接：https://blog.csdn.net/feng_sundy/article/details/3035097

版权

WEB 开发同时被 2 个专栏收录

140 篇文章 1 订阅

订阅专栏

脚本语言

104 篇文章 0 订阅

订阅专栏

innerHTML方法加载一些含有javascript脚本的字符串
我们也许有写时候会遇到要使用innerHTML方法加载一些含有javascript脚本的字符串，但是当我们直接用innerHTML加载这段字符串的时候，发现了javascript的脚本根本没有运行，而这段脚本就解决了这段问题．

<html>
<head>
<title></title>
</head>
<script language="javascript" type="text/javascript">
<!--
var global_html_pool = [];
var global_script_pool = [];
var global_script_src_pool = [];
var global_lock_pool = [];
var innerhtml_lock = null;
var document_buffer = "";

function get_script_id() {
        return "script_" + (new Date()).getTime().toString(36)
          + Math.floor(Math.random() * 100000000).toString(36);
    }

document_buffer = "";

document.write = function (str) {
        document_buffer += str;
    }
    document.writeln = function (str) {
        document_buffer += str + "/n";
    }

global_html_pool = [];

var s;
    if (typeof(time) == "undefined") {
        s = 0;
    }
    else {
        s = time;
    }

var script, add_script, remove_script;

for (var i = 0; i < scripts.length; i++) {
        var add_html = "document_buffer += global_html_pool[" + i + "];/n";
        add_html += "document.getElementById('" + obj_id + "').innerHTML = document_buffer;/n";
        script = document.createElement("script");
        if (scripts[i].src) {
            script.src = scripts[i].src;
            if (typeof(global_script_src_pool[script.src]) == "undefined") {
                global_script_src_pool[script.src] = true;
                s += 2000;
            }
            else {
                s += 10;
            }
        }
        else {
            script.text = scripts[i].text;
            s += 10;
        }
        script.defer = true;
        script.type =  "text/javascript";
        script.id = get_script_id();
        global_script_pool[script.id] = script;
        add_script = add_html;
        add_script += "document.getElementsByTagName('head').item(0)";
        add_script += ".appendChild(global_script_pool['" + script.id + "']);/n";
        window.setTimeout(add_script, s);
        remove_script = "document.getElementsByTagName('head').item(0)";
        remove_script += ".removeChild(document.getElementById('" + script.id + "'));/n";
        remove_script += "delete global_script_pool['" + script.id + "'];/n";
        window.setTimeout(remove_script, s + 10000);
    }

var end_script = "if (document_buffer.match(/<///script>/i)) {/n";
    end_script += "set_innerHTML('" + obj_id + "', document_buffer, " + s + ");/n";
    end_script += "}/n";
    end_script += "else {/n";
    end_script += "document.getElementById('" + obj_id + "').innerHTML = document_buffer;/n";
    end_script += "innerhtml_lock = null;/n";
    end_script += "}";
    window.setTimeout(end_script, s);
}
-->
</script>
<body>
<div align="center">
<form name="frmScript">
<textarea id="script" name="script" cols="40" rows="8">
<script type="text/javascript">
    document.write("这里的内容是使用document.write方法写入的");
</script>
</textarea>
</form>
<div>
<div align="center">
    <a href="javascript:void(0)" οnclick="set_innerHTML('innerHTML',document.frmScript.script.value)">写如内容</a>
</div>
<hr width="300" size="1">
<table border="0" width="300" style="border:1px solid #E2E2E2" cellpadding="0" cellspacing="0" align="center">
       <tr>
             <td id="innerHTML" height="200">
             </td>
       </tr>
</table>      
</body>
</html>

提示：您可以先修改部分代码再运行

http://www.coolcode.cn/show-117-1.html