求解createElement
有个问题整了我两天搞不出来，很奇怪，不知哪位高手解决一下[code]<div id="div2">b</div>
<div id="div1">本来应该替换的</div>
asd
<br/>
大<br/>
</BODY>
<script>
function ads(){
e = document.createElement('script');
e.text = 'document.write("测试js内容");';
e.type='text/javascript';
e.defer=true;
$('div1').appendChild(e);
}
function $(s)
{
return document.getElementById(s);
}
ads();
</script><br/>
123132
[/code]本来JS内容应该加在div1后面的，可是加是加了，就是跑不到div1那个层。啥整？如果换成是文本的话就可以，如：[code]
<div id="div2">b</div>
<div id="div1">本来应该替换的</div>
asd
<br/>
大<br/>
</BODY>
<script>
function ads(){
e = document.createElement('a');
e.href = '1';
e.innerText = 'a';
$('div1').appendChild(e);
}
function $(s)
{
return document.getElementById(s);
}
ads();
</script><br/>
123132
[/code]
我要的效果是第一种在为JS的情况下。也能跑到div1层里。不知道啥整 e.text= '$("div1").innerHTML="测试js内容";';
请理解document.write [quote]e.text= '$("div1").innerHTML="测试js内容";';
请理解document.write
[size=2][color=#999999]wzhu 发表于 2009-12-2 10:41 PM[/color] [url=http://www.phpx.com/happy/redirect.php?goto=findpost&pid=1141729&ptid=258511][img]http://www.phpx.com/happy/images/common/back.gif[/img][/url][/size][/quote]
?我不明白
我的意思是我用JS里面调用createElement的JS进行替换掉div1层里的内容好像行不通，有运行，但并没有在指定ID上显示，但是如果createElement其它非JS的进行替换是行的通的，不知道如何让createElement的JS进行替换掉div1层里的内容好像行的通？ 1.
[code]
<div id="div2">b</div>
<div id="div1">本来应该替换的</div>
asd
<br/>
大<br/>
</BODY>
<script>
function ads(){
e = document.createElement('script');
e.text= '$("div1").innerHTML="测试js内容";';
e.type='text/javascript';
e.defer=true;
$('div1').appendChild(e);
}
function $(s)
{
return document.getElementById(s);
}
ads();
</script><br/>
123132[/code]
2. javascript是解释型document.write的对象是document，换言之，什么时候运行它，那么产生的结果就在什么地方，因为ads();在123132前，那么产生的结果也就在123132之前
3.使用$("div").innerHTML可以定位操作DOM 知道，但是$('div').innterHTML = '<script>document.write('a');<\/script>';这个是无效的，进行不了， 我记得document.write方法一般是用在当文档正在加载的时候执行 浏览器不会管某个dom对象是否加载完整 直接将write的参数填入页面
而innerHTML和appendChild、insertBefore等等这些方法都受限于他们的DOM对象是否完成加载
当文档完成加载时 创建script和style标签导致的结果 似乎在一些浏览器中还不一样 似乎是在ie6下没有效果 [i=s] 本帖最后由 luckyage 于 2009-12-4 09:25 AM 编辑 [/i]
网络上有个innerhtml.js的版本，可用于JS载入JS的
但速度很慢，而且改变停留时间后，多次运行的话，会出现位置错乱
innerhtml.js的源码是[code]
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 = html.replace(/<script[\s\S]*$/ig, "");
scripts = {text: '', src: '' };
scripts.text = html.substr(global_html_pool.length);
scripts.src = scripts.text.substr(0, scripts.text.indexOf('>') + 1);
scripts.src = scripts.src.match(/src\s*=\s*(\"([^\"]*)\"|\'([^\']*)\'|([^\s]*)[\s>])/i);
if (scripts.src) {
if (scripts.src[2]) {
scripts.src = scripts.src[2];
}
else if (scripts.src[3]) {
scripts.src = scripts.src[3];
}
else if (scripts.src[4]) {
scripts.src = scripts.src[4];
}
else {
scripts.src = "";
}
scripts.text = "";
}
else {
scripts.src = "";
scripts.text = scripts.text.substr(scripts.text.indexOf('>') + 1);
scripts.text = scripts.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.src) {
script.src = scripts.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.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);
}
[/code]
不知道能否改进一下？ :dizzy:自己顶一下
页:
[1]