如何将我的includes动态更改为js文件

How to dynamically change my includes to js files?

本文关键字：js 文件 动态 我的 includes      更新时间：2023-09-26

我有一个隐藏的div，其中包含我的新链接：

<div id="links" style="display:none">
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    ...
</div>

我想更改的链接在我的脑海中：

<head id="myHead">
    <!-- My olds links I want to replace -->
</head>

我试过这样的东西：

updateLinks();
function updateLinks() {
    var str = document.getElementById("links").innerHTML;
    document.getElementById("myHead").innerHTML = str;
}

但是我的脑袋没有收到新的链接。

我想更新我的链接，因为我下载html文件，当我尝试打开它们时，我有ERR_FILE_NOT_FOUND

你能帮我吗？

您想要的是一个类似requirejs的异步模块加载程序(AMD(。您可以根据需要加载所有文件。使用它可以很容易地实现一个懒惰的脚本加载程序。：(

简单地加载新的js脚本就足够了吗？

您可以使用jQuery方法getScript为div中脚本的每个属性src调用它，例如：

$("#links script").each(function() {
    var src = $(this).attr("src");
    $.getScript( src, function( data, textStatus, jqxhr ) {
        console.log( data ); // Data returned
        console.log( textStatus ); // Success
        console.log( jqxhr.status ); // 200
        console.log( "Load was performed." );
    });
});

这是您的代码

$(function() {
    updateLinks();
});
function updateLinks() {
    var po = document.querySelector('#links script');
    var s = document.querySelector('head'); 
    s.appendChild(po, s)
}

jsFiddle：http://jsfiddle.net/BenoitNgo/6vca82wh/11/这个问题已经在这个论坛上得到了回答。

相关文章：