javascript - Safari 引用错误 : Can't find variable

Question

我在自己的 DIV 中有以下内容

<script>
function newfunc()
{
alert("here");
}
</script>
<button type="button" onclick="newfunc()">Press me</button>

在 IE 和 FF 上它工作正常，但在 Safari(至少 Safari 4.0.5)上它说“ReferenceError 找不到变量”——现在内容被动态加载到 DIV 中，Safari 似乎看不到此 DIV 中的函数定义 - 但是，如果我将函数 newfunc() 放在主 HTML 页面上(即不在 DIV 中)，则按下按钮会调用该函数。

就好像 Safari 没有看到已经添加到 DIV 中的 Javascript 函数。

如有任何帮助，我们将不胜感激。

亚当

Answer 1

动态添加到页面的 Javascript 需要进行 eval-d 才能正确初始化。

为了使函数定义能够正确工作，它们的格式需要略有不同。例如:

<script>
newfunc = function()
{
alert("here");
}
</script>
<button type="button" onclick="newfunc()">Press me</button>

将内容添加到 DIV 后，从 DIV 中提取所有标签元素并评估其内容。

例如，使用 PrototypeJS (http://www.prototypejs.org/api/):

$(divid).innerHTML.evalScripts();

其中 divid 是您刚刚填充内容的 div 的 ID。