解决AJAX读取页面中的Javascript问题 document.write
2008-10-08 18:05
513 查看
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 set_innerHTML(obj_id, html, time) {
if (innerhtml_lock == null) {
innerhtml_lock = obj_id;
}
else if (typeof(time) == "undefined") {
global_lock_pool[obj_id + "_html"] = html;
window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html']);", 10);
return;
}
else if (innerhtml_lock != obj_id) {
global_lock_pool[obj_id + "_html"] = html;
window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html'], " + time + ");", 10);
return;
}
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 scripts = [];
html = html.split(/<//script>/i);
for (var i = 0; i < html.length; i++) {
global_html_pool[i] = html[i].replace(/<script[/s/S]*$/ig, "");
scripts[i] = {text: '', src: '' };
scripts[i].text = html[i].substr(global_html_pool[i].length);
scripts[i].src = scripts[i].text.substr(0, scripts[i].text.indexOf('>') + 1);
scripts[i].src = scripts[i].src.match(/src/s*=/s*(/"([^/"]*)/"|/'([^/']*)/'|([^/s]*)[/s>])/i);
if (scripts[i].src) {
if (scripts[i].src[2]) {
scripts[i].src = scripts[i].src[2];
}
else if (scripts[i].src[3]) {
scripts[i].src = scripts[i].src[3];
}
else if (scripts[i].src[4]) {
scripts[i].src = scripts[i].src[4];
}
else {
scripts[i].src = "";
}
scripts[i].text = "";
}
else {
scripts[i].src = "";
scripts[i].text = scripts[i].text.substr(scripts[i].text.indexOf('>') + 1);
scripts[i].text = scripts[i].text.replace(/^/s*</!--/s*/g, "");
}
}
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)" onclick="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
我们也许有写时候会遇到要使用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 set_innerHTML(obj_id, html, time) {
if (innerhtml_lock == null) {
innerhtml_lock = obj_id;
}
else if (typeof(time) == "undefined") {
global_lock_pool[obj_id + "_html"] = html;
window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html']);", 10);
return;
}
else if (innerhtml_lock != obj_id) {
global_lock_pool[obj_id + "_html"] = html;
window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html'], " + time + ");", 10);
return;
}
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 scripts = [];
html = html.split(/<//script>/i);
for (var i = 0; i < html.length; i++) {
global_html_pool[i] = html[i].replace(/<script[/s/S]*$/ig, "");
scripts[i] = {text: '', src: '' };
scripts[i].text = html[i].substr(global_html_pool[i].length);
scripts[i].src = scripts[i].text.substr(0, scripts[i].text.indexOf('>') + 1);
scripts[i].src = scripts[i].src.match(/src/s*=/s*(/"([^/"]*)/"|/'([^/']*)/'|([^/s]*)[/s>])/i);
if (scripts[i].src) {
if (scripts[i].src[2]) {
scripts[i].src = scripts[i].src[2];
}
else if (scripts[i].src[3]) {
scripts[i].src = scripts[i].src[3];
}
else if (scripts[i].src[4]) {
scripts[i].src = scripts[i].src[4];
}
else {
scripts[i].src = "";
}
scripts[i].text = "";
}
else {
scripts[i].src = "";
scripts[i].text = scripts[i].text.substr(scripts[i].text.indexOf('>') + 1);
scripts[i].text = scripts[i].text.replace(/^/s*</!--/s*/g, "");
}
}
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)" onclick="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
相关文章推荐
- 如何解决php页面读取mysql数据库中文后打印出来是问号问题
- javascript在子页面中函数无法调试问题解决方法
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- 使用javaScript解决asp.net中mvc使用ajax提交数组参数的匹配问题
- 解决AJAX.NET中的悬停panel在页面加载时闪烁的问题
- javascript读取COOKIE的问题的解决办法
- js通过document.write解决打印问题
- Ajax中使用Response.Write输出javascript脚本出错的解决办法
- 解决AJAX中使用UpdatePanel后再用Response.Write();等无法弹出对话框问题(转)
- JavaScript语句中再包括JavaScript语句串也能同样执行了.可以解决AJAX返回后的数据检查问题
- 解决ajax 传递为空但显示在页面上为undefined 问题
- 关于javascript在子页面中函数无法调试问题的解决
- 解决AJAX中使用UpdatePanel后再用Response.Write();等无法弹出对话框问题
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- 用javascript读取xml,并进行修改xml数据,解决保存没有权限问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- 【小白】javascript中的“文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖”