如果js文件都比较小,还是一个js好,这样可以减少连接数。下面是4种比较常用的方法,大家可以根据情况选择,最后脚本之家 将会给推荐一个。1、直接document.write 代码如下: document.write(""); 2、动态改变已有script的src属性 代码如下: s1.src="test.js" 3、动态创建script元素 代码如下: var oHead = document.getElementsByTagName('HEAD').item(0); var oScript= document.createElement("script"); oScript.type = "...
测试通过: ie6 + opera + FF + chrome 代码如下:if (document.all) { window.attachEvent(onload, arewrite); window.attachEvent(onload, jsStock); } else { window.addEventListener(load, arewrite, false); window.addEventListener(load, jsStock, false); }
我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况(一般为 loading 、loaded、interactive、complete),当返回状态为 loaded 或 complete 时,则表示加载完成,返回回调函数。 对于 readyState 状态需要一个补充说明: 1.在 inter...
解决方法, 一、Mozilla 提供了一个非公开的(undocumented)函数: 代码如下:// for Mozilla browsers if (document.addEventListener) { document.addEventListener("DOMContentLoaded", init, false); } 二、对于 IE 浏览器,可以使用IE特有的 defer 属性: 代码如下: alert("DOM 加载完毕!") 具有defer属性的脚本块会在DOM 加载完毕后执行。 非IE浏览器会忽略 defer 而直接执行 script 代码,因此,你可以有两种办法来屏蔽非...
接上篇,其它方法: 一、在IE中还可以在onreadystatechange事件里进行判断 http://www.thefutureoftheweb.com/blog/adddomloadevent 这里有Jesse Skinner写了一段独立的脚本函数来解决各种浏览器的onload问题,。 http://img.jb51.net/jslib/adddomloadevent.js 代码如下:/* * (c)2006 Jesse Skinner/Dean Edwards/Matthias Miller/John Resig * Special thanks to Dan Webbs domready.js Prototype extension * and Simon Williso...
1. 用在外部CSS文件中加载必须的文件 @importurl(style.css); //只能用在CSS文件中或者style标签中 2. 简单的在页面中加载一个外部CSS文件 document.createStyleSheet(cssFile); 2. 用createElement方法创建CSS的Link标签 varhead=document.getElementsByTagName('HEAD').item(0); varstyle=document.createElement('link'); style.href='style.css'; style.rel='stylesheet'; style.type='text/css'; head.appendChild(style); 下...
代码如下: function getJsFile(url, callBack){ var XH = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject('Msxml2.XMLHTTP'); XH.open('get',url,true); XH.onreadystatechange = function(){ if(XH.readyState == 4 && XH.status == 200){ if(window.execScript) window.execScript(XH.responseText); else eval.call(window, XH.responseText); eval(callBack)(); } } XH.send(''); } 代码如下://test funct...
为了释放脚本资源,通常在返回后还要一些进行额外的处理。 代码如下: script = document.createElement(script); script.src = http://example.com/cgi-bin/jsonp?q=What+is+the+meaning+of+life%3F; script.id = JSONP; script.type = text/javascript; script.charset = utf-8; // 标签加到head后,会自动加载并运行。 var head = document.getElementsByTagName(head)[0]; head.appendChild(script) 实际上很多流行的JS库都采...
图片批量加载 function $id(id){ return document.getElementById(id);} function $c(tagName){ return document.createElement(tagName);} window.onload = function(){ imageLoad( { url:function(v){ v = []; for(var i=1; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
用法如下: function func(){alert("this is window onload event!");return;} window.onload=func; 或者如下: window.onload=function(){alert("this is window onload event!");return;} 但window.onload 不能同时加载多个函数。 比如: 代码如下: function t(){ alert("t") } function b(){ alert("b") } window.onload =t ; window.onload =b ; 后面会把前面的覆盖,上面代码只会输出 b。 此时可用如下方法解决: window.on...
最近在学习JS的OOP所以写了这么个东西 使用方法: $(".viewArea img").zoom({height:74,width:103}); 效果演示: http://demo.jb51.net/html/jquery_img/jquery_img.htm代码: 代码如下: (function($){ $.fn.zoom = function(settings){ //一些默认配置; settings = $.extend({ height:0, width:0, loading:"lightbox-ico-loading.gif" },settings); var images = this; $(images).hide(); var loadding = new Image(); loadding...
代码如下:protected void Page_Load(object sender, EventArgs e) { ShowLoading(); System.Threading.Thread.Sleep(10000); ClientScript.RegisterClientScriptBlock(typeof(string), "", "document.body.onload=function(){removeLoadMsg();}"); } /// /// 显示页面正在加载中效果 /// public void ShowLoading() { StringBuilder s = new StringBuilder(); s.Append(" \n"); s.Append(" var t_id = setInterval(animate,20);\...
JS加载xml文档实例books.xml 代码如下: www.gxlcms.com J K. Rowling 2005 29.99 Everyday Italian Giada De Laurentiis 2005 30.00 Learning XML Erik T. Ray 2003 39.95 XQuery Kick Start James McGovern Per Bothner Kurt Cagle James Linn Vaidyanathan Nagarajan 2003 49.99 loadxml.htm 代码如下: try //Internet Explorer { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } catch(e) { try //Firefox, Mozill...
通常来说,window.onload就够用了,如果想加载多个事件,我们可以采取以下方式: 代码如下: window.onload = function(){ func1(); func2(); func3(); //更多加载事件……………… } 但如果由于某种特殊需要,我们不能合在一起写吗?如当前区域是面向管理员,后台生成页面时只有当用户是管理员,页面才生成这部分,而这部分也用到一些特殊的脚本,上面的方法就歇菜了! 代码如下: //后台代码 window.onload = function(){ func1...
【明确需求】 网页加载样式表default.css,会展现默认风格。同时为实现多种风格,制作了skin1.css,skin2.css,skin3.css三种定制样式。如果在加载default.css后,再加载其中某一样式表,则会覆盖默认风格,展示新风格; 每次随机加载skin1.css、skin2.css、skin3.css,或者使用默认风格。需要注意的一点是,随机加载也有可能使这一次和上一次的样式相同。 【实现思路】 使用document.write动态向中写入css载入语句; 通过生成的随...