gpt4 book ai didi

javascript - 动态创建整个页面,包括脚本和样式

转载 作者:行者123 更新时间:2023-11-29 22:25:55 33 4
gpt4 key购买 nike

我正在研究以下代码。目的是打开一个新窗口并从头开始创建一个基本文档,而不是从文件加载它。

function openNew() {
var win = window.open('', 'new') ;

win.document.write('<html><head><title>New</title></head><body><div id="wrap">Hello World</div></body></html>') ;

var head = win.document.getElementsByTagName('head')[0] ;

var style = win.document.createElement('link') ;
style.rel = "stylesheet" ;
style.type = "text/css" ;
style.href = "/css/main.css" ;
head.appendChild(style) ;

var script = win.document.createElement('script') ;
script.type = "text/javascript" ;
script.src = "/js/main.js" ;
head.appendChild(script) ;

return false ;
}

document.write 部分似乎有效,但其余部分什么都不做。或者至少我什么都不知道,我没有得到任何错误或任何东西。我试图将脚本部分与文档的其余部分一起写入 document.write 中,但这没有帮助。还尝试使用 innerHTML 而不是 write() 但这根本不起作用,也没有使用 创建整个文档(html、head 和 body 标签)创建元素

如果它有任何重要性的话,需要加载的脚本与第一个打开的脚本相同。我不知道这是否会以某种方式造成冲突,尽管我不确定为什么会那样做。只是为了更好的衡量而提及它。

这可能吗?

最佳答案

尝试关闭文档,然后再访问它。

var win = window.open('...');
win.document.open();
win.document.write('...');
win.document.close();

另一种选择是构建字符串并一次性添加所有内容而不是附加到它。

关于javascript - 动态创建整个页面,包括脚本和样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9350037/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com