我想在现有的 DOM 中添加一个元素来运行 javascript 代码。
我用 YUI 做到了这一点：
var scriptNode = Y.Node.create('<script type="text/javascript" charset="utf-8">alert("Hello world!");<\/script>');
var headNode = Y.one('head');
headNode.append(scriptNode);
它已成功添加到 DOM 但它没有给我警报。
有人知道问题是什么吗？
我不知道 YUI 的Node.create()功能是如何工作的，所以对此不予评论。但是一个简单的跨浏览器脚本是：
window.onload = function() {
var s = document.createElement('script');
s.type = 'text/javascript';
var code = 'alert("hello world!");';
try {
s.appendChild(document.createTextNode(code));
document.body.appendChild(s);
} catch (e) {
s.text = code;
document.body.appendChild(s);
}
}
将在try..catch块是必要的，因为大多数浏览器，如第一种方法，但有些却没有，并抛出一个错误。第二种方法涵盖了那些。您也可以简单地评估代码，这或多或少与某些库的功能相同。
我在 JQuery 源代码中找到了这个函数，它似乎可以做你想做的事情，而且感觉比我的其他方法更简洁。但话又说回来，我是一个 JS 初学者，可能看不到细节。无论如何，有人可能会从中拿走一些有用的东西。
function DOMEval( code, doc ) {
doc = doc || document;
var script = doc.createElement( "script" );
script.text = code;
doc.head.appendChild( script ).parentNode.removeChild( script );
}