接口写好了吗 2022-10-11 11:14 采纳率: 80.2%
浏览 40
已结题

如何一次性把所有html页面引入同一个js

我写了个js文件,然后我想要把所有的html页面都引入这个js文件,并调用里面的方法。
原生的html那种。请问是否有办法一次性把所有html都引入js方法的。不然我一个个引入太麻烦了。

  • 写回答

3条回答 默认 最新

  • 如果皮卡会coding 2022-10-11 11:37
    关注
    1. 理论上不可以在不使用工具的情况下实现这种。在html文件数量不多的情况下可以考虑手动一个个贴上去。
    2. 如果使用Webpack或者其他脚手架的话,打包的时候是会在html模板上自动注入的。
    3. 如果是多个原生的html需要引入多个相同的js文件,有一个方法。在script脚本下用document.write再次引入。
        <!-- 比如多个html文件中都要引入script.js,script2.js ... -->
        <!-- 在原生的html文件中至少要自己手动引入一个 -->
        <!-- 如果不想引入多个 相同的js,可以在已经引入的第一个
            共同的script.js 开头写入相同的引入代码 -->
        
            <!-- 假设下面的script是script.js -->
        <script>
            let scriptStr=  "<script src='./script2.js'><\/script>";
            document.write(scriptStr);
        </script>
    
    

    拓展一下,先在每个html里面手动引入一个基础的script.js

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="./script.js"></script>
    </head>
    <body>    
    </body>
    </html>
    

    此时想引入100个不同的js文件,只需要在script.js里面设一个循环再引入就行。

    for(let i=1;i<100;i++){
        let scriptStr=  `<script src='./script${i}.js'><\/script>`;
        document.write(scriptStr);
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月25日
  • 已采纳回答 10月17日
  • 创建了问题 10月11日

悬赏问题

  • ¥15 关于#java#的问题:找一份能快速看完mooc视频的代码
  • ¥15 这种微信登录授权 谁可以做啊
  • ¥15 请问我该如何添加自己的数据去运行蚁群算法代码
  • ¥20 用HslCommunication 连接欧姆龙 plc有时会连接失败。报异常为“未知错误”
  • ¥15 网络设备配置与管理这个该怎么弄
  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!