0

为什么加载dom时脚本标签在那里但没有执行？假设我有这个代码

History.Adapter.bind(window, 'statechange', function(e) { // Note: We are using statechange instead of popstate
        var State = History.getState();
        $('#main-content').load(State.url + " #main-content");
    });

我将从给定的 url 加载“#main-content”的内容。给定的 url 并且该 url 包含这个

<div id = "main-content">
<script>
$(document).ready(function(){
  console.log($('audio'));
})
</script>
</div>

为什么控制台中没有显示音频？

4

1 回答 1

1

如http://api.jquery.com/load/所述，以这种方式加载的脚本可能无法执行有几个原因。

在这种情况下，您使用带后缀的选择器表达式仅将获取的部分内容插入到当前文档中。这样做的缺点是脚本将在内容的任何部分实际插入文档之前从内容中删除。

jQuery load 方法的源码（v1.9.1）中提到了排除脚本的原因

// 如果指定了选择器，则在虚拟 div 中定位正确的元素

// 排除脚本以避免 IE 'Permission Denied' 错误

如果可能的话，我会通过让服务器只响应“main-content” div 来解决这个问题——可能是由附加到初始 URL 的查询字符串触发的——并在没有选择器的情况下加载它。

根据某些条件仅返回文档的一部分完全取决于生成文档的服务器端应用程序（如果有）。如果您 - 例如 - 正在使用 PHP，请将您的脚本更改为 call load(State.url + "?section=main-content")，然后让 PHP 检查是否$_GET['section']等于“主内容”。在这种情况下，除了要更新的 div 之外，跳过渲染所有内容。我无法就问题的这一部分给出更详细的答案，因为如何取决于您在服务器上运行的内容。

如果您提供静态文件并且主机不运行 PHP 或其他语言，我听说其他人建议先将整个文档加载到 iFrame 中（不包括调用 #main-content中的部分load()），然后提取您希望更新的部分使用纯 JavaScript 的主文档。它可能适用于您的情况，但您的脚本很可能会执行两次。首先，加载文档的所有脚本部分在 iFrame 的上下文中执行，然后提取部分的脚本部分将在插入主文档时再次执行。

如果您正在提供静态文件，但主机确实运行 PHP 或其他语言，则可以编写一个小脚本来仅提取您需要的文档的部分。这样的脚本可以基于PHP DOM 并仅返回 document 的一部分，但可以修改为从 GET/query 参数获取 XHTML 文件的路径。这需要将您的加载调用更改为类似这样load("path/to/extraction_script.php?filename=" + escape(State.url) + "&section=main-content")的内容，以便将先前访问页面的整个路径发送到服务器。

注意：这样做可能会带来重大的安全漏洞，因为您实际上是在创建一个代理服务器，该服务器能够读取它有权访问的服务器上的任何文件，包括外部 URL，除非您非常小心。我不推荐这种方法，我也无法测试它在实践中是否真的有效。这取决于您的服务器配置和文档的外观。

于 2013-02-07T02:37:42.767 回答