主要演示事件在文档载入过程中的执行顺序 :
其实脚本运行的时间无非以下几种情况:(后三种统称延时脚本)
1:文档载入时;
2:文档载入后;
3:响应用户动作;
4:其他脚本语句调用他的时候;
具体请看代码,在代码里面有相信的实例.
如有任何问题 请继续关注 http://thcjp.cnblogs.com 或者搜索 天轰穿我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>脚本执行的时间的四种类型</title><style type="text/css">
<!--
.STYLE1 {color: #FF0000}
.STYLE1 
--></style><script language="javascript">function art(){//这个由onLoad实践触发运行,注意Body语句,事实上,该事件是在文档载入后才由onLoad激活运行的 alert("我是onLoad事件触发运行的脚本");}</script><script language="javascript">function button(){/*正如提示的文字一样,这个事件是由于用户按下页面上按钮才激活的,他和上个art()事件一样
虽然很早就被载入到内存中,但是不经过激活是没有效果的*/ alert("我是因为你按了按钮才激活的");}</script><script language="javascript">/*这个事件被按钮激活,他再调用 two() 函数*/function one(){ two();}</script><script language="javascript">function two(){ document.write("因为你按了上面第二个按钮,所以他不舒服就骂了 one()函数一顿,没办法,只有two()函数出面了");}</script><script language="javascript">function upperme(){//这个函数的作用的当你改变了input文本框的值的时候触发该事件,将后面的output文本框的值填充为input里面的值的大写 document.converter.output.value=document.converter.input.value.toUpperCase();}</script></head><body onload="art()"><p>其实脚本运行的时间无非以下几种情况:(<span class="STYLE1">后三种统称延时脚本</span>)</p><p>1:文档载入时;</p><p>2:文档载入后;</p><p>3:响应用户动作;</p><p>4:其他脚本语句调用他的时候; </p><p>具体请看代码,在代码里面有相信的实例.</p><p>如有任何问题 请继续关注 <a href="http://thcjp.cnblogs.com">http://thcjp.cnblogs.com</a> 或者搜索 <a href="http://thcjp.cnblogs.com">天轰穿</a>我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程</p><hr /><p> <script language="javascript">//适时脚本语句,就是在页面载入时运行document.write("<b>您好,我是文档载入时运行的</b>>");</script></p><p> <label> <input type="submit" name="Submit" value="按下激活button事件" onclick="button()" /> </label> <label> <input type="submit" name="Submit2" value="调用 one函数" onclick="one()" /> </label></p><p> <form name="converter"> <input name="input" type="text" value="sample" onchange="upperme()" /> <label> <input type="text" name="output" value="" /> </label> </form></p></body></html>