主要演示事件在文档载入过程中的执行顺序 :
其实脚本运行的时间无非以下几种情况:(后三种统称延时脚本)
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}
-->
</ 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 >
<! 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}
-->
</ 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 >