如何将其他页面都引用的js提取到公共的一个js

最新推荐文章于 2023-04-15 10:41:51 发布

铁汉柔情li

最新推荐文章于 2023-04-15 10:41:51 发布

阅读量4.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 js 文章标签： js

本文链接：https://blog.youkuaiyun.com/qq_37306041/article/details/82908075

前端同时被 2 个专栏收录

10 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍了一种在网页中动态加载JS和CSS资源的方法，通过JavaScript计算当前页面的完整路径，然后根据路径动态插入<script>和<link>标签，实现资源的动态加载。这种方法适用于需要根据不同环境加载不同资源的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

举例如下

// 通用js和css
(function (){
	var strFullPath=window.document.location.href;
	var strPath=window.document.location.pathname;
	var pos=strFullPath.indexOf(strPath);
	var prePath=strFullPath.substring(0,pos);
	var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);
	var appRootPath = prePath+postPath;

	var jsHeader = "<script type='text/javascript' src='" + appRootPath + "/";
	var jsFooter = "'></script>";
	document.write(jsHeader + "common/js/jquery-1.12.3.js" + jsFooter);
	document.write(jsHeader + "common/js/common.js" + jsFooter);
	document.write(jsHeader + "layui/src/layui.js" + jsFooter);
	document.write(jsHeader + "layui/src/layui-xtree.js" + jsFooter);
	document.write(jsHeader + "common/js/page_util.js" + jsFooter);
	document.write(jsHeader + "common/js/date_util.js" + jsFooter);
	document.write(jsHeader + "common/js/dateConvert.js" + jsFooter);
	
	var cssHeader = "<link rel='stylesheet' type='text/css' href='" + appRootPath + "/";
	var cssFooter = "'></link>";
	document.write(cssHeader + "layui/src/css/layui_1366.css" + cssFooter);
	document.write(cssHeader + "common/js/common.css" + cssFooter);
})();

2.其他页面用这个js就还可以了