safari ReferenceError：找不到变量

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。