📄 js3.htm
字号:
当利用text或texturea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。<BR>
例： <Form><BR> <Input type="text"
name="Test" value="Test"
onCharge="check(this.test)"><BR>
</Form></FONT>
<P><FONT size=2>
（3）选中事件onSelect<BR>
当Text或Textarea对象中的文字被加亮后，引发该事件。</FONT>
<P><FONT size=2>
（4）获得焦点事件onFocus<BR>
当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。</FONT>
<P><FONT size=2>
（5）失去焦点onBlur<BR>
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。</FONT>
<P><FONT size=2>
（6）载入文件onLoad<BR>
当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。</FONT>
<P><FONT size=2>
（7）卸载文件onUnload<BR>
当Web页面退出时引发onUnload事件，并可更新Cookie的状态。</FONT>
<P><FONT size=2>四、范例</FONT>
<P><FONT size=2>
范例1：下例程序是一个自动装载和自动卸载的例子。即当装入HTML文档时调用loadform()函数,而退出该文档进入另一HTML文档时则首先调用unloadform()函数,确认后方可进入。</FONT>
<P><FONT size=2> test3_1.htm </FONT>
<P><FONT size=2>
<HTML><BR>
<HEAD><BR> <script
Language="JavaScript"><BR>
<!--<BR> function
loadform(){<BR>
alert("看到我了吗？我是被自动装载的!点击“下一个”，我将被卸载");<BR>
}<BR> function unloadform(){<BR>
alert("点击“确定”，我就被卸载了!");<BR>
}<BR> //--><BR>
</Script><BR>
</HEAD><BR> <BODY OnLoad="loadform()"
OnUnload="unloadform()"> <BR> <a
href="test.htm">下一个</a><BR>
</BODY><BR> </HTML></FONT>
<P><FONT size=2>
范例2：这是一个获取浏览器版本号的程序。该程序首先显示一个波浪提示信息。之后显示浏览器的版本号有关信息。</FONT>
<P><FONT size=2> test3_2.htm</FONT>
<P><FONT size=2>
<html><BR>
<head><BR> <script
language="JavaScript"><!--<BR> //
--><BR> function
makeArray(n){<BR>
this.length=n<BR> return
this<BR> }<BR> function
hexfromdec(num) {<BR> hex=new
makeArray(1);<BR> var
hexstring="";<BR> var
shifthex=16;<BR> var
temp1=num;<BR> for(x=1; x>=0; x--)
{<BR> hex[x]=Math.round(temp1/shifthex -
.5);<BR> hex[x-1]=temp1 - hex[x] *
shifthex;<BR>
temp1=hex[x-1];<BR> shifthex /=
16;<BR> }<BR> for (x=1; x>=0;
x--) { hexstring+=getletter(hex[x]); }<BR> return
(hexstring);<BR> }<BR> <BR>
function getletter(num) {<BR> if (num < 10) {
return num; } <BR> else {<BR> if
(num == 10) { return "A" }<BR> if (num == 11) {
return "B" }<BR> if (num == 12) { return "C"
}<BR> if (num == 13) { return "D"
}<BR> if (num == 14) { return "E"
}<BR> if (num == 15) { return "F"
}<BR> }<BR>
}<BR> function
rainbow(text){<BR> var
color_d1;<BR> var
allstring="";<BR>
for(i=0;i<text.length;i=i+2){<BR>
color_d1=255*Math.sin(i/(text.length/3));<BR>
color_h1=hexfromdec(color_d1);<BR>
allstring+="<font
color="+color_h1+"ff"+color_h1+">"+text.substring(i,i+2)+"</font>";<BR>
}<BR> return allstring;<BR>
}<BR> <BR> function
sizefont(text){<BR> var
color_d1;<BR> var
allstring="";<BR> var
flag=0;<BR>
for(i=0,j=0;i<text.length;i=i+1){<BR> if
(flag==0) {<BR> j++;<BR> if
(j>=7) {<BR> flag=1;}}<BR> if
(flag==1) { <BR> j=j-1;<BR> if
(j<=0) {<BR> flag=0; }}<BR>
allstring+="<font size="+ j + ">" + text.substring(i,i+1) +
"</font>";<BR> }<BR>
return allstring;<BR> }<BR>
document.write("<font
size=8><CENTER>")<BR>
document.write("<BR><BR>")<BR>
document.write(sizefont("想知道你的浏览器的详细信息吗？看下面喽"))<BR>
document.write("</CENTER></font>")<BR>
document.write("浏览器名称:
"+navigator.appName+"<br>");<BR>
document.write("版本号:
"+navigator.appVersion+"<br>");<BR>
document.write("代码名字:
"+navigator.appCodeName+"<br>");<BR>
document.write("用户代理标识:
"+navigator.userAgent);<BR>
</script><BR>
<body><BR>
</body><BR> </html></FONT>
<P align=center><IMG height=327 src="js3.files/image3.jpg" width=524
border=0>
<P><FONT size=2>
本讲介绍了JavaScript程序设计的有关内容。程序流、函数、事件是我们学习掌握JavaScript编程的重点。</FONT></P></TD></TR>
<TR>
<TD>
<P align=right>
<P align=right><FONT size=2><A
href="http://www.pinluo.com/book/javascript/js2.htm">上一页</A>
<A
href="http://www.pinluo.com/book/javascript/js4.htm">下一页</A></FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -