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

---

『fastadmin』分享fastadmin框架新手入门教程。

欢迎关注 『fastadmin』 系列，持续更新中
欢迎关注 『fastadmin』 系列，持续更新中

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

【宝塔面板建站】01. 5分钟windows宝塔面板的安装（保姆级图文）

实现效果

我们这里引入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

欢迎关注 『fastadmin』 系列，持续更新中
欢迎关注 『fastadmin』 系列，持续更新中
【宝塔面板建站】01. 5分钟windows宝塔面板的安装（保姆级图文）
【宝塔面板建站】02. 实用必装的插件之Windows工具箱 2.0，可视化管理端口，host管理（保姆级图文）
【宝塔面板建站】03. mysql相关内容-＞mysql数据的备份、mysql版本的升级切换（保姆级图文）
【宝塔面板建站】04. 设置消息通道，通过邮箱、钉钉、企业微信、短信等形式动态提供网站信息（保姆级图文）
【宝塔面板建站】05. 七牛云存储使用教程 免费备份10G数据（保姆级图文）
【宝塔面板建站】06. 关闭暂时不用的服务，避免apache和mysql等服务开机自启占用内存（保姆级图文）

【宝塔面板建站】10分钟windows宝塔面板手动通用部署站点shopxo在线商城，无需服务器和域名本地运行（保姆级图文）
【宝塔面板建站】10分钟windows宝塔面板一键部署安装shopxo在线商城，无需服务器和域名本地运行（保姆级图文）

【更多内容敬请期待】

---