【fastadmin】在任意html页面一段代码随意引入js（保姆级图文）

目录

• • 实现效果
  • 实现思路
  • 实现代码
  • 总结

如果还没有安装好fastadmin，可以参考前文使用宝塔面板安装。

实现效果

我们这里引入js输出当前页面的url

实现思路

• 把新建的js对象加入到html的文件头子节点

function ZhuRuJS(url){
        let temp=document.createElement('script');
        temp.setAttribute('type','text/javascript');
        temp.src=url;
        document.head.appendChild(temp);
    }

• 绝对定向引用js文件
  location.origin的作用是获取当前网页的总路径，然后再加上js文件下的js文件路径，实现了对于路径的定向检索，保证了一份函数代码可以整个网页项目内的html通用。

实现代码

在public/assets/js 路径下新建 一个 ceshi.js 文件

ceshi.js的内容如下

alert(location.href);

在任意需要加入js的html页面下方加入这段代码

<script>
    function ZhuRuJS(url){
        let temp=document.createElement('script');
        temp.setAttribute('type','text/javascript');
        temp.src=url;
        document.head.appendChild(temp);

    }
    ZhuRuJS(location.origin+'/assets/js/ceshi.js');
</script>

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多有趣好玩的宝塔面板建站知识！

版权声明：

发现你走远了@mzh原创作品，转载必须标注原文链接

Copyright 2022 mzh

Crated：2022-4-20