2

目前，我写这样的代码 -

chatWindow = window.open("chatWindow.html", "Chat Window",
 resizable=0,width=700,height=600);

var currentUserElement = chatWindow.document.createElement("currentUserElement");
    currentUserElement.setAttribute("id", "currentUserElement");
    currentUserElement.setAttribute("value",currentUserName);

但是，有没有一种方法可以在调用 window.open() 之前先执行 createElement() 部分？

4

1 回答 1

3

我看到如何仅在客户端上执行此操作的唯一方法是使用 blob。HTML：

<input type="text" id="textId"></input>
<button id="buttonId">Open new Window</button>

和 JS：

var button = $("#buttonId");

button.click(function () {
  var text = $("#textId").val();
  var html = "<html>"
      html += "<head><title>Window: " + text + "</title></head>";
      html += "<body onLoad='javascript:alert(\"" + text + "\")'>";
      html += text
      html += "</body></html>";
  var blob = new Blob([html], {type: 'text/html'});
  window.open(window.URL.createObjectURL(blob));
});​

我创建了一个jsfiddle来说明这种方法。如您所见，JS 也将被执行。有一篇关于 html5rocks 上的屏幕共享的有趣文章使用了这种技术。

于 2012-11-13T22:21:50.193 回答