Question

我有多个html页面dashboard.html, page1.html, page2.html, page3.html等...和两个.js文件，即example1.js和example2.js文件

**

从下面的示例（dashboard.html）文件中，如果单击“加载文件1” 链接，此页面和其他html页面（page1.html，page2.html等...）应该将default.js文件全部替换为example1.js文件剩余的html页面，直到我回到仪表板页面并更改为其他

**

我使用外部库

请查看以下示例代码，了解相同的内容......

PS ：我是脚本的新手，请帮帮我

dashboard.html

<html>
<head>
    <title>Switch js file</title>
    <script src="jquery.min.js"></script>
    <script src="default.js"></script>
</head>
<body>

    <a href="javascript:;" id="loadExample1">Load File 1</a> | <a href="javascript:;" id="loadExample2">Load File 2</a>

    <h1>Default js file loaded successfully!</h1>

    <a href="Page1.html">Go to Page 1</a>

    <a href="Page2.html">Go to Page 2</a>

</body>
</html>

page1.html，page2.html ...

<!DOCTYPE HTML>
<html>
<head>
    <title>Switch js file</title>
    <script src="jquery.min.js"></script>
    <script src="default.js"></script>
</head>
<body>
    <h1>Default js file loaded successfully!</h1>
</body>
</html>

example1.js

$('h1').html('Example1.js file loaded successfully!');

example2.js

$('h1').html('Example2.js file loaded successfully!');

Answer 1

您可以使用Jquery的getScript函数，以异步方式将所需的javascript文件检索到您的页面：

$("someButton").click(function(){
  $.getScript("someScriptFile.js");
});

在多个html页面中切换.js文件

1 个答案: