用js加载js/css,无路径限制
来源:互联网 发布:地税优化营商环境 编辑:程序博客网 时间:2024/06/02 04:46
html中需要加载很多css/js,这时候很多人选择把这些脚本与样式表放在一个Js脚本(命名此脚本为a)中加载,这样会使得html看起来很简洁,此方法可以使用。
另一种情况:
如果a与其它js/css是一个整体(如:封装好的插件),而这个整体相对于html的路径不固定,这时候html只能加载到a,而其它js/css却路径错误,怎么办?
下面就解决这个问题
把下面代码写在a中,用此代码来加载js/css即可
/*加载js/css */;!function() {"use strict";var TT = {getPath:function(){var e = document.scripts,t = e[e.length - 1],i = t.src;if (!t.getAttribute("merge")) return i.substring(0, i.lastIndexOf("/") + 1);}(),head:function(){var head = document.getElementsByTagName('head')[0];return head;}(),adLink:function(link){if (TT.getPath) {for (var i = 0; i < link.length; i++) {var l = document.createElement("link");l.rel = "stylesheet";l.href = TT.getPath + link[i];TT.head.appendChild(l);};};},adScript:function(src){if (TT.getPath) {for (var i = 0; i < src.length; i++) {src[i]var s = document.createElement("script");s.src = TT.getPath + src[i];TT.head.appendChild(s);};};}};// 把要加载的css相对于此js脚本的路径写在link数组中// 把要加载的js相对于此js脚本的路径写在src数组中var link = ['../../other/css/cs.css'];var src = ['../../other/js1.js','../../other/js2.js'];TT.adLink(link);TT.adScript(src);}(window);
阅读全文
0 0
- 用js加载js/css,无路径限制
- js添加获取cookie无路径限制
- JS配置文件动态加载CSS,js和定义请求路径
- JS-无阻塞加载
- Js 动态加载JS CSS
- JS动态加载CSS
- 动态加载css js
- yii加载css js
- 动态加载css,js
- js异步加载css
- js css 加载
- 同步无阻塞加载js
- 异步加载JS,无阻塞
- js,css,smarty相对路径
- JS动态加载JS与CSS文件
- JS动态加载JS与CSS文件
- JS动态加载JS与CSS文件
- js动态加载css或js
- 关于PackagerManager的一些使用:判断手机上是否安装了某个应用
- PAT(Basic Level)_1042_字符统计
- mybatis定义xml大于号小于号等会转义的符合处理
- JSP,servlet容器,Tomcat,servlet容器之间的关系
- 面向对象
- 用js加载js/css,无路径限制
- 折半查找
- 成功复健(个屁)#10
- Prototype功能预览一:一个注解实现多项业务处理并行(Fork/Join)
- 欢迎使用CSDN-markdown编辑器
- Android Studio 使用教程(二十五)之运行Android Studio工程
- nosuchbeandefinitionexception 注入失败
- java笔试题
- 会场安排(贪心,南阳oj,14)