JSDOM - 硬核方式 - 添加外部脚本并使用它

时间:2013-10-21 09:21:10

标签: javascript node.js dom jsdom

我开始使用JSDOM了,我的工作正常:

jsdom.env(
'<p><a class="the-link" href="https://github.com/tmpvar/jsdom">jsdom\'s Homepage</a></p>',
["http://127.0.0.1:8080/js/test.js"],
function (errors, window) {
    //console.log("contents of a.the-link:", window.$("a.the-link").text());
    console.log(errors);
    console.log(window.myVar);
    console.log(window.test);

});

Test.js脚本非常简单:

console.log("testing testing testing");
window.myVar = "myVar Content";
var test = "test content";

执行脚本时会显示myVar和test的内容。

但问题是当我开始以硬核的方式做这件事时(如文档所说的硬核):

我这样做:

var jsdom = require("jsdom").jsdom;
var document = jsdom("<html><head></head><body>hello world</body></html>");
var window = document.parentWindow;

var script =  document.createElement("SCRIPT");
script.src = "http://127.0.0.1:8080/js/test.js";
var head= window.document.getElementsByTagName('head')[0];
head.appendChild(script);
var window = document.parentWindow;

console.log("myVar Content: " + window.myVar);

在这种情况下,window.myVar未定义。

我错过了什么?

感谢。

1 个答案:

答案 0 :(得分:3)

我找到了怎么做:

var jsdom = require("jsdom").jsdom;
var document = jsdom("<html><head></head><body>hello world</body></html>");
var window = document.parentWindow;

var script =  document.createElement("script");
script.type = "text/javascript";
var fs = require("fs");
var requireJSFile = fs.readFileSync("test.js","utf8");
    script.innerHTML = requireJSFile;
var head= window.document.getElementsByTagName('head')[0];
head.appendChild(script);
var window = document.parentWindow;

console.log(document.innerHTML);
console.log("myVar Content: " + window.myVar);

我将在var中添加一个函数,我将看看是否可以将它用作:window.myVar(param1,param2,param3)。

我很确定它会起作用。