如何实现JavaScript延迟加载执行--Java自学网

   我们经常会见页面中的功能在执行几秒后跳转为另外功能，用JS实现，简单又好用。

1、 JavaScript延迟加载方法：

<script language="JavaScript" src="" id="my"></script> 
<script> 
setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延时3秒 
</script>

页面中常用的方法是利用setTimeout来实现

2、 JS最后加载方法

要实现此功能的地方插入以下代码:

<SPAN id=javaweb>LOADING...</SPAN>

可以在页面最底端插入:

<SPAN class=spanclass id=AD_javalearns><script src="1.js"></script></SPAN>

JS代码:

<script>javaweb.innerHTML=AD_javaweb.innerHTML;AD_javaweb.innerHTML="";</script>

setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.

重点强调一下第一个参数是一个 function时的调用，现在我们把它看成是函数。

1.函数无参的方法:

function alertV(){ alert("000"); }

当第一个参数不加引号("" 或 '')时,延迟一秒: 
setTimeout(alertV,1000);

当第一个参数加上又引号时,延迟一秒: 
setTimeout("alertV()",1000);

2. 函数有参的方法:

function alertV(event){ alert("keyCode="+event.keyCode); }

此时应设置成: 

setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.

文章转载自 http://www.javalearns.com/Html/?1630.html
更多Java知识学习请访问 Java免费学习网  http://www.javalearns.com