Html 浏览器如何处理jquery库？_Html_Browser

Html 浏览器如何处理jquery库？

html browser

Html 浏览器如何处理jquery库？,html,browser,Html,Browser,我有这样一个代码： parent.html: <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script> <script src="jquery-ui-1.11.4/jquery-ui.min.js"></script> <script> $(function() { $("#test

我有这样一个代码：

parent.html:
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script src="jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
    $("#test").draggable().click(function() {
        $("#objeto").attr('data', "child2.html").draggable();
    });
});
</script>
</head>
<body>
    <h2 id="test">text(draggable/click)</h2>
    <object id="objeto" data="child1.html"></object>
</body>

及

这是正确的，父对象加载child1内容，如果单击文本，它将切换到child2，但我想知道的是：

我下载jquery.min.js和jquery-ui.min.js两次了吗？还是第二次从缓存中提取？因为我要的又是同一份文件有没有一种方法可以使用jquery而不将其包含在子标题中？因为它已经在父级上

它们是从缓存中获取的，除非您通过浏览器设置阻止。然而，你可以自己简单地测试一下。只需打开浏览器开发控制台，选择“网络”选项卡并检查请求详细信息。我刚刚用chrome进行了测试，在“大小”列中，所有文件都不会从缓存中显示，因此这意味着所有文件都将再次下载，对吧？确实如此。问题是为什么。我想到两件事：1。您在浏览器设置或开发控制台中禁用了缓存，或2。您重新加载了页面，在这种情况下，缓存的页面也会刷新，因为这是预期的行为。尝试使用相同的url导航到相同的页面。

child2.html:
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script src="jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
    $("#text").draggable();
});
</script>
</head>
<body id="text">child2 (draggable)
</body>