最近在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.jsvar MiniSite=new Object(); /*** 判断浏览器*/ MiniSite.Browser={ ie:/msie/.test(window.navigator.userAgent.toLowerCase()), moz:/gecko/.test(window.navigator.userAgent.toLowerCase()), opera:/opera/.test(window.navigator.userAgent.toLowerCase()), safari:/safari/.test(window.navigator.userAgent.toLowerCase()) }; /*** JsLoader...
本文实例讲述了js实现动态加载脚本的方法。分享给大家供大家参考,具体如下: 最近公司的前端地图产品需要做一下模块划分,希望用户用到哪一块的功能再加载哪一块的模块,这样可以提高用户体验。 所以到处查资料研究js动态脚本的加载,不过真让人伤心啊!,网上几乎都是同一篇文章,4种方法,讨厌其中拷贝别人成果的人,也不加个原文的链接。哎!关键是最后一种方法还有点错误。经过两天的研究查阅资料,在这里和大家分享一下。 首...
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。 Jquery动态加载Js和Css扩展方法$.extend({ includePath: , include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split(.); var ext = att[att.length - 1].toLowerCase(); var isCSS =...
JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明。 希望下面的方法对你有帮助。 (1)使用JavaScript动态加载Js文件/*JavaScript动态加载Js文件*/ var scriptNode = document.createElement(script); scriptNode.src = proxy.js?t=+new Date().getTime();/*附带时间参数,防止缓存*/ document.head.appendChild(scriptNode); (2)使用JavaScript动态...
项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = {css: function(path){if(!path || path.length === 0){throw new Error(argument "path" is required !);}var head = document.getElementsByTagName(head)[0];var link = document.createElement(link);link.href = path;link.rel = stylesheet;link.type = text/css;head.appendChild(link);},js: fu...
本文实例讲述了动态加载jQuery的方法。分享给大家供大家参考。具体如下: function checkJquery() {if(!(window.jQuery)) {var s = document.createElement(script);s.setAttribute(src, http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js);s.setAttribute(type, text/javascript);document.getElementsByTagName(head)[0].appendChild(s);} }希望本文所述对大家的jQuery程序设计有所帮助。
LABjs 是一个很小的 JavaScript 工具,用来根据需要加载 JavaScript 文件,通过使用该工具可以提升页面的性能,避免加载不需用到的 JavaScript 文件,可以实现动态并行加载脚本文件,以及管理加载脚本文件的执行顺序。简单示例$LAB .script("script1.js", "script2.js", "script3.js") .block(function(){// wait for all to load, then do somethingscript1Func();script2Func();script3Func(); }); 介绍下LABJS的几个实例: 实例...
一 动态脚本 当网站需求变大,脚本的需求也逐步变大;我们不得不引入太多的JS脚本而降低了整站的性能; 所以就出现了动态脚本的概念,在适时的时候加载相应的脚本;1.动态引入js文件var flag = true;if(flag){ loadScript(browserdetect.js); // 调用函数,引入路径;}function loadScript(url){var script = document.createElement(script); // 创建script标签;script.type = text/javascript; // 设置type属性;sc...
本文实例讲述了jQuery实现页面滚动时动态加载内容的方法。分享给大家供大家参考。具体分析如下: 很多网站,比如twitter,京东商城首页,会在页面滚动到一定的位置时才动态加载页面内容,这样可以加快页面打开的速度,也可以节约带宽,下面的JS代码就可以帮你做到。 var loading = false; $(window).scroll(function(){if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){if(loading == false){loading ...
本文实例讲述了JavaScript动态加载样式表的方法。分享给大家供大家参考。具体如下: 如果需要更换皮肤,我们可以通过JS代码动态加载皮肤的样式表,下面的代码就可以做到,非常简单,你只需要把这段代码做成函数动态调用即可。 var el = document.createElement(link); el.rel = stylesheet; el.type = text/css; el.href = //www.gxlcms.com/... + styles.css; document.body.appendChild(el);希望本文所述对大家的javascript程序设...
本文实例汇总了动态加载js的方法。分享给大家供大家参考。具体如下: 方法一:直接document.write(异步)代码如下:<script language="javascript"> document.write("<script src=res/extwidget/echarts/xx.js><\/script>"); </script> 由于这种方式是异步加载,document.write会重写界面,明显不实用 方法二:动态改变已有script的src属性(异步)代码如下:<script src= id="xx"></script> <script language="javascrip...
本文实例讲述了JS动态加载当前时间的方法。分享给大家供大家参考。具体实现方法如下: <body bgcolor="#fef4d9" onload ="time()"><script language="JavaScript"> function time (){var now = new Date();var yr = now.getYear();var mName = now.getMonth() + 1;var dName = now.getDay() + 1;var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();var ampm = (now.getHours() >= 12) ? " PM" : " AM"var hours = now.ge...
代码如下: <script type="text/javascript"> function addStyle(stylePath) { var container = document.getElementsByTagName("head")[0]; var addStyle = document.createElement("link"); addStyle.rel = "stylesheet"; addStyle.type = "text/css"; addStyle.media = "screen"; addStyle.href = stylePath; ...
方法很简单,这里就不多废话了,直接奉上代码:代码如下: $.extend({ includePath: , include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split(.); var ext = att[att.length - 1].toLowerCase(); var isCSS = e...
项目出于多语言版本的考虑,前台使用easyui,通过获取浏览器语言版本,来相对的加载easyui语言包,easyui默认语言包en-US 代码如下 <script type="text/javascript"> //ie if (navigator.browserLanguage != "undefined" && navigator.browserLanguage != null) { if (navigator.systemLanguage == "zh-CN") { document.write("<script src=jquery-easyui/locale/easyui-lang-zh_CN.js><\/script>"); } } //firefox、chrome...