Question

我得到了一些嵌入HTML（在服务器端生成）的javascript代码，如下所示：

function winWriteMail2(){
  var win = open('','wininfo', 'width=400,height=300,scrollbars=yes,resizable=yes');
  win.document.open();
  win.document.write('<HTML><HEAD><META http-equiv="Content-type" content="text/html; charset=iso-8859-2"><LINK rel="stylesheet" type="text/css" href="/css/main.css">');
  win.document.write('<scr' + 'ipt language="javascript" type="text/javascript" src="/js/JSFILE.js"></scr' + 'ipt>');
  win.document.write('</HEAD><BODY BGCOLOR="#f7f3e7">');
  <!-- window content goes here -->
  win.document.write('</BODY></HTML>');
  win.document.close();
}

此代码在单击元素时执行。

对我来说有问题的部分是包含javascript文件 - 它在Firefox和Chrome中运行正常，但IE（7和8，正如我测试的）表现得很奇怪。在那里包含JSFILE的行，点击窗口打开，但是为空，CPU 100％忙，唯一的办法是杀死IE。

任何人都可以帮忙解决这个问题吗？也许我应该用其他方式在那里插入javascript文件？

我尝试了DOM操作方法，而不是win.document.write()，将这部分代码放在win.document.close()之后：

h = win.document.getElementsByName('head')[0];
js = document.createElement('script');
js.src = '/js/JSFILE.js';
h.appendChild(js);

但是代码没有被加载，即使在Firefox中（并且使用firebug进行检查也没有显示它甚至可以看到它）。

经过一些检查后，我发现问题是由定义了<script>属性的src=元素引起的。如果我添加内联脚本，例如：

<script type='text/javascript'>alert('foo')</script>

在我的document.write()内，窗口打开，警报框出现，一切都很好。

但是使用

<script type='text/javascript' src='/js/foo.js'></script>

IE在打开新窗口时停止，继续使用100％的CPU。

Answer 1

此代码对我有用：

function winWriteMail2(){
    var win = open('','wininfo', 'width=400,height=300,scrollbars=yes,resizable=yes');
    win.document.open();
    win.document.write('<HTML><HEAD><META http-equiv="Content-type" content="text/html; charset=iso-8859-2"><LINK rel="stylesheet" type="text/css" href="/css/main.css">');
    win.document.write('</HEAD><BODY BGCOLOR="#f7f3e7">');
    win.document.write('this is the body content');
    win.document.write('</BODY></HTML>');
    win.document.close();

    var h = win.document.getElementsByTagName("head")[0];
    var js = win.document.createElement("script");
    js.type = "text/javascript";
    js.src = "js/scriptfile.js";
    h.appendChild(js);
}

以下是我需要更改代码以使其正常工作的内容：

//From
var js = document.createElement("script");
//To
var js = win.document.createElement("script");

您需要在要附加的同一文档中创建脚本元素。

Answer 2

Google Analytics会这样做：

var _gat，gaJsHost =（（“https：”== document.location.protocol）？ “https://ssl”。：“http://www。”）; 文件撰写（UNESCAPE（“％3Cscript src ='“+ gaJsHost + “google-analytics.com/ga.js' 类型= '文本/ JavaScript的' ％3E％3C /脚本％3E“））;

Answer 3

认为你的基于DOM的代码很好，但是尝试（a）使用绝对脚本URL，（b）设置脚本类型和（c）在追加后更新src，这应该使它更可靠地工作：

var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.type = "text/javascript";
head.appendChild(script);
script.src = "http://host.tld/js/JSFILE.js";

希望这有帮助。

修改

顺便说一句，最好设置一种回调，以确保在使用代码之前加载脚本。代码看起来与此类似：

// most browsers script.onload = callback; // IE script.onreadystatechange = function() { if(this.readyState == "loaded" || this.readyState == "complete") { callback(); } }

这里回调实际上是要执行的函数。

Answer 4

查看writeCapture.js

帮助Ajax加载包含使用document.write
的脚本标记的HTML的实用程序

Answer 5

我知道这是一个4岁的线程，但我想通过一些不同的文章/问题添加一个我刚刚合并的修补程序：

而不是在document.write调用之后附加文档（.css，.js等），我改变了我的打开调用，看起来像：

var win = window.open("//"+document.domain, "_blank");//document.domain is the fix
if(win != null)
    win.document.write('...');//insert your content, wherever you got it (hand-coded, ajax, etc)

添加'//'会自动设置协议（http vs https）和document.domain = well，即您的域名。实际上，这会在IE中正确设置地址栏，以便使用/foo/bar.js类型的src和href来定位并正常工作。

希望这有助于某人！：P

5 个答案: