- 浏览: 166681 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
crabboy:
goodhttp://veerle.duoh.com/comm ...
表格效果 -
lunvsxiao:
好呀,省的自己记那么多了。。
java常用正则表达式
动态加载javascript?很俗的一个题目,如果你已经知道如何动态加载外部javascript,那么你可以跳过这篇文章继续阅读其它的。如果你还不知道怎样动态加载外部javascript文件的话,请耐心的继续阅读。
什么时候会用到动态加载javascript文件的技术呢?其实很多的时候都有可以用到,比如从服务器端生成javascript脚本,但是用到动态加载javascript文件主要是因为前端和后端数据的交互(至少哥会在这个时候用到)。
前几天在修改移动版支付宝时,就使用了动态加载javascript文件。
记住,这里说的动态加载js文件是指利用js动态加载js文件,并非是服务器生成。
如何创建动态加载外部javascript的脚本呢?非常简单
var script = document.createElement('script');//创建script标签 script.src = 'http://mgw.alipay.com/choosePhone.htm?' + (new Date()).getTime().toString().substring(0,8); script.type = "text/javascript"; script.characterSet = 'utf-8'; script.onload = script.onreadystatechange = function(){//兼容IE和DOM标签的script onload事件 if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') { alert(malipayBrands.length); } }
请注意以上代码中的script.onload = script.onreadystatechange = function (){},其中onload用于DOM标签的浏览器,onreadystatechange用于IE。
最后在head中插入我们的script
document.getElementsByTagName('head')[0].appendChild(script);
在国外已经有一个封装好的loadScript.js,代码如下:
function loadScript(url, callback){ var f = arguments.callee; if (!("queue" in f)) f.queue = {}; var queue = f.queue; if (url in queue) { // script is already in the document if (callback) { if (queue[url]) // still loading queue[url].push(callback); else // loaded callback(); } return; } queue[url] = callback ? [callback] : []; var script = document.createElement("script"); script.type = "text/javascript"; script.onload = script.onreadystatechange = function(){ if (script.readyState && script.readyState != "loaded" && script.readyState != "complete") return; script.onreadystatechange = script.onload = null; while (queue[url].length) queue[url].shift()(); queue[url] = null; }; script.src = url; document.getElementsByTagName("head")[0].appendChild(script); }
发表评论
-
img 图片显示多余空白解决方法
2014-09-03 23:01 0img 图片显示多余空白解决方法:在进行DIV+CSS排版时 ... -
js event.keyCode
2011-12-02 17:13 675keycode 8 = BackSpace BackSpace ... -
js event.keyCode
2011-12-02 17:06 2keycode 8 = BackSpace BackSpace ... -
IE6下png透明处理心得
2011-11-24 12:41 1266首先说明一下,网上处理IE6下png透明的方法有很多,但无外乎 ... -
我的笔记
2011-10-25 22:52 0http://www.ccxcn.com/blog/post/ ... -
HTTP状态码(HTTP Status Code)
2011-02-23 09:40 6851xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代 ... -
上传图片预览-兼容IE6,IE7,IE8,FF
2011-01-20 14:07 691<!DOCTYPE html PUBLIC " ... -
Apache相关配置
2010-11-30 22:15 707强制IE缓存CSS中定义的图片 document.execC ... -
表格效果
2010-07-14 18:07 758web应用中的表格效果。 鼠标滑动时选中横行和竖列。 见附 ... -
所有浏览器中都能正常显示的字体
2010-07-04 01:31 930很佩服国外一些前端开发人员对待学问的研究精神,他们很善于总结发 ... -
隐藏IE窗口自带的“Windows Internet Explorer”
2010-05-17 10:34 1680var whiteStr = ""; f ... -
当加载flash或者弹出窗口时,Internet Explorer显示安全提示
2010-05-05 11:50 1890当我们在开发web前端时,有时加载的swf文件或者某些js文件 ... -
子页面和父页面的相互调用
2010-04-07 13:53 2428父页面 <!DOCTYPE html PUBLI ... -
CSS选择器笔记
2010-03-20 11:17 1382http://www.456bereastreet.com/a ... -
美化表单
2010-01-14 22:42 1257首先介绍一个设计很不错的网站:http://utombox.c ... -
你是如何让position:fixed在IE6中工作的
2010-01-09 17:20 2257你是如何让position:fixed在IE6中工作的? 本 ... -
动态加载css的实现思路
2010-01-04 15:50 1421动态加载css的实现思路,目前想到有两种: 一、js 主要 ... -
滚动列表
2010-01-04 13:13 1084<MARQUEE onmouseover=this.st ... -
淡入淡出DIV层效果
2009-12-29 18:09 2064<html> <head> &l ... -
生成Table,然后赋值
2009-12-23 10:42 1375主要用于需要对比的时候: <!DOCTYPE H ...
相关推荐
一个js文件,实现动态加载js文件。在用extjs时,为了避免一次全部加载js文件而写的。
动态加载JavaScript文件的两种方法_.docx
这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法,感兴趣的小伙伴们可以参考一下 第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval()实施代码。第二...
以下是遇到的几种动态加载JavaScript文件的方式,持续更新中。。。 一、使用[removed]/writeln()方式 该种方式可以实现js文件的动态加载,原理就是在重写文档流,这种方式会导致整个页面重绘。 实现方式: 代码如下...
这是动态加载外部JS文件,很不错的例子哦!
主要介绍了如何动态加载外部Javascript文件,本文举例讲解使用js加载器动态加载外部Javascript文件,感兴趣的小伙伴们可以参考一下
通过版本控制动态加载Javascript文件和功能 该库将根据列出的依赖关系动态加载javascript文件(和函数),css和图像,同时还生成用于浏览器缓存版本控制的唯一文件名。 概述 Javascript代码通常取决于现有类,函数和...
(1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ ...
传统上,加载Javascript文件都是使用[removed]标签。 就像下面这样: [removed][removed] [removed]标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。 (1)严格的读取顺序。由于...
基于Ajax的动态JavaScript文件加载模型.pdf
vue动态加载JavaScript:动态的创建Script元素,然后通过更改它的 src 属性来加载脚本,脚本文件加载完成后,在脚本加载完成生效后才能执行回调函数。
在开发javascript插件的过程中,我们有时候需要获取当前JS文件的路径,用于自动加载一些图片、CSS等外部资源,但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径
主要介绍了jQuery实现动态加载(按需加载)javascript文件的方法,结合实例形式分析了jQuery根据调用函数按需动态加载javascript文件相关实现技巧,需要的朋友可以参考下
19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 打印当前页 19.19 打印预览 19.20 隐藏不想打印的页面内容 19.21 使用ExecWB直接打印 19.22 动态绑定XML...
19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 打印当前页 19.19 打印预览 19.20 隐藏不想打印的页面内容 19.21 使用ExecWB直接打印 19.22 动态绑定XML...
RequireJS:一个JavaScript文件和模块加载器
用html+javascript读出写入txt文件
主要介绍了异步安全加载javascript文件的方法,实例分析了javascript实现文件异步加载的具体技巧,具有一定参考借鉴价值,需要的朋友可以参考下