![目的与目标 ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommandé
Contenu connexe
Tendances
Similaire à Js培训
Similaire à Js培训 (20)
Plus de yiditushe
Js培训
- 1. Beyond Technology JavaScript( Ver1.0 ) 演讲人：丁海波
- 37. 第四章 在浏览器中使用
- 38. 1. 代表 浏览器 器所 打开的窗口 。 2. 通常代表目前正在使用 (focus) 的 窗口 。 3. 如果 打开多个浏览器窗口时 ，可以利用 别 名 (alias) 来区别它们 , 如： ex. opener, parent, self, window, top 窗口对象 (Window object)
- 39. 窗口对象 使用语法 window. 特性 window. 方法 ( 参数 群 ) self. 特性 //self 代 表 目前 window 或 frame 名称 self. 方法 ( 参数 群 ) top. 特性 //top 代表最 顶层的窗口 top. 方法 ( 参数群 ) parent. 特性 //parent 代表目前框架的 父 框架 parent. 方法 ( 参数 群 ) 窗口名称 . 特性 窗口名称 . 方法 ( 参数 ) 特性 方法 ( 参数 )
- 43. <Script> function grow(){ window.resizeBy( 50, 50) } function shrink(){ window.resizeBy( -50, -50) } </script> <body onMouseOver=grow() onMouseOut=shrink()> <H1> 将窗口放大与缩小 </H1> </body> 范例 – 自动放大窗口
- 44. <Script> function scrollIt() { for (y=1; y<=1000; y++){ scroll(1,y) } } </Script> <body onDblClick=scrollIt() > 按鼠标左键兩下，画面自动卷动 .... <br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br> ... The End .... <body> 范例 一 – 自动卷动窗口
- 46. <form> <input type=button value=" 打开窗口一 (newWin)" onClick=" newWin =window.open('test.htm','')"><P> <input type=button value="height 为 150 点 ,width 为 200 点 " onClick="open('test.htm','',' height=150,width=200 ')"><P> <input type=button value=" 只有工具列的窗口 " onClick="open('test.htm','',' toolbar=yes ')"><P> <input type=button value=" 开关窗口一 (newWin)" onClick= newWin .close()><P> <input type=button value=" 开关目前窗口 " onClick= window .close()><P> </form> 窗口对象范例 - 打开与开关窗口
- 47. <Script> function grow(){ window .resizeBy( 0, 150) } function shrink(){ window .resizeBy( 0, -150) } </script> <body onMouseOver=grow() onMouseOut=shrink()> 广告页 here </body> 窗口对象范例 - 动态调整广告页大小
- 48. 使用 Timer 的 语法 1.Timer 又称为计时器或延 迟 器，常用来指定于 特定时间后执行某程式。 2. 时间单位为毫秒 ( 千分之一秒 ) ex. 3000 milliseconds = 3 seconds [window.]setTimeout( “ 欲执行的程式码或函数” , 设定的时间 )
- 49. 使用 Timer 的 语法 ( 二 ) 如果利用 循环 将计时器设计成重复执行，欲终止计时器执行，请使用此一格式。 因为要终止计时器的执行，必须指定欲终止 的计时器名称。 计时器对象名称 = [window.]setTimeout(“ 欲执行的 代码 或函数” , 设定的时间 )
- 50. 终止 循环 內 Timer 的 语法 终止计时器的执行，必须指定欲终止的计时器名称。 [window.]clearTimeout( 计时器对象名称 )
- 51. <script> function timer() { setTimeout("alert('3 秒到了 !')",3000) } </script> <body><form> <input type=button value=" 计时开始 " onClick=timer()> </form></body> 窗口对象范例 - timer(1)
- 52. <script> var counter=0 setTimeout(" upDate() ",3000) // 三秒钟后呼叫 upDate() function upDate() { counter ++ status = " 第 " + counter + " 次载入 " timer1 = setTimeout("upDate()",3000) } </script> <body><form> <input type=button value=" 计时结束 " onClick=clearTimeout(timer1)> </form></body> 窗口对象范例 - timer(2)
- 55. <body> <form> <input type=button value=" 上一页 " onClick= history.back() > <input type=button value=" 下一页 " onClick= history.forward() > </form> </body> 窗口对象范例 - history
- 56. <Script> with (document) { write("<a href= javascript: location.reload() > 重新载入此页 </a><p>") write("<a href = javascript: location.replace ('http://www.seed.net.tw')> 前往 SeedNet 方法一 </a><p>") write(" 前往 SeedNet 方法二 <p>".link('http://www.seed.net.tw')) write("<a href='http://www.seed.net.tw'> 前往 SeedNet 方法三 </a><p>") } </Script> <body> <a href="http://www.seed.net.tw"> 前往 SeedNet 方法四 </a> </body> 窗口对象范例 - location(1)
- 57. <body> <a href=' # ' onMouseOver=location.replace('http://www.seed.net.tw')> 前往 SeedNet 方法五 </a><p> <a href=' # ' onMouseOver=location .href ='http://www.seed.net.tw'> 前往 SeedNet 方法六 </a><p> <a href=' # ' onMouseOver= window. location='http://www.seed.net.tw'> 前往 SeedNet 方法七 </a> </body> 窗口对象范例 - location(2)
- 58. Document 对象
- 59. 1. 代表目前的文件信息。 2. 直接对应至 HTML 的 Body 标签 。 文档 对象 (Document object)
- 61. Document Anchor Applet Area Image Form Link 文 档 对象的对象 阶层图
- 62. <Script> document.write("◎ 本页最后更新日期： ") document.write(document. lastModified ) </Script> 文档 对象范例 – 最近更新时间
- 63. Form 对象
- 64. 1. 用于定义表单，提供使用者输入资料。 2. 包含许多控制类型。 3. 直接对应至 HTML 的表单元件。 表单对象 (Form object)
- 65. Form Button Checkbox FileUpload Hidden Password Radio Reset Select Submit Text Textarea 表单对象的对象 阶层 图
- 71. 文 本 对象的对象特性 defaultValue -> 该元件预设值 type -> 该元件类型 name -> 该元件识別名称 value -> 该元件目前输入值
- 72. 1. 显示一个可供选择 ( 单选 ) 的 按钮 。 2. ON 表示确认﹔ OFF 表示不确认。 可使用的事件处理程序： onBlur, onClick, onFocus onKeyDown, onKeyUp onMouseDown, onMouseUp 圆钮对象 (Radio object)
- 74. 圆钮对象的对象特性 checked -> 判断是否已經核取 defaultChecked -> 该元件预设为核取与否 type -> 该元件类型 name -> 该元件识別名称 value -> 该元件目前输入值
- 75. <form name=form1> 性 別： <input type=radio name=sex> 男生 <BR> <input type=radio name=sex checked > 女生 <BR> <input type=button value=" 判断使用者输入 " onclick= SEX() > </form> <script> function SEX() { if (document.form1.elements[0]. checked ) sex=" 男生 " else sex=" 女生 " alert(' 性別是： '+sex) } </script> 表单对象范例 - radio
- 76. 1. 显示一个可供选择的 复选框 。 2. ON 表示确认﹔ OFF 表示不确认。 可使用的事件处理程序： onBlur, onClick, onFocus onKeyDown, onKeyUp onMouseDown, onMouseUp 确认方块对象 (Checkbox object)
- 78. 1. 显示一个可供输入密码的 输入框 。 2. 利用 * 隐藏所输入的资料。 可使用的事件处理程序： onBlur, onChange, onFocus onKeyDown, onKeyUp onMouseDown, onMouseUp 密码对象 (password object)
- 80. <form name=form1> 输入密码： <input type=password name=pw1><BR> 重新输入： <input type=password name=pw2><BR> <input type=button value= 开始检查 onClick=checkPw()> </form> <Script> function checkPw(){ if (document.form1 .pw1.value != document.form1 .pw2.value ) alert (" 兩組密码不符，请重新输入 ") else alert ("OK!") } </Script> 表单对象范例 - password(1)
- 81. 密码对象的对象特性 defaultValue -> 该元件预设值 type -> 该元件类型 name -> 该元件识別名称 value -> 该元件目前输入值
- 82. <Script> function checkPwLgh(index,str){ if (str.length != 9){ alert(' 你只输入 '+str.length+' 位数 请输入 9 位数密码 ') document.form1.elements[index]. value = '' document.form1.elements[index]. focus() }} function checkRetype(){ if (document.form1.pw.value != document.form1.retypePw.value){ alert (" 兩組密码不符，请重新输入 ") document.form1.retypePw. value = '' document.form1.retypePw. focus() } else alert (" 密码检查作業完成 !")} </Script> … < 下页续 > 表单对象范例 - password(2)
- 83. …… < 接上页 > <form name=form1> 输入密码： <input type=password name=pw size=9 maxlength=9 onChange=checkPwLgh(0,this.value) ><BR> 重新输入： <input type=password name=retypePw size=9 maxlength=9 onChange=checkPwLgh(1,this.value) ><BR> <input type=button value= 密码检查 onClick=checkRetype()> </form> 表单对象范例 - password(2)
- 88. <form> <select size=2 > <option value=0>Sunday <option value=1>Monday <option value=2>Tuesday <option value=3>Wednesday <option value=4>Thursday <option value=5>Friday <option value=6 Selected >Saturday </select> </form> 表单对象范例 - select(1)
- 89. 选择对象的对象特性 type -> 该元件类型 name -> 该元件识別名称 value -> 该元件目前输入值 selectedIndex -> 选项的索引值 length -> 选项个数 options -> 选项 数组
- 90. <Script> url = new Array(2) url[0] = "http://www.seed.net.tw" url[1] = "http://www.hinet.net" function jumpPage(form) { i = form.menu. selectedIndex ; if (i>0) window.location.href = url[i-1] } </Script> <Form><Select name=menu onChange="jumpPage(this.form)"> <option>-- 选择 ISP--<option>Seednet<option>Hinet </Select></Form> 表单对象范例 - select(2)
- 91. <Html><Script> function createOptions(){ var option = new Option(document.form1.select1.value) document.form1.select2.options[2] = option } </script> <form name=form1> <select name=select1 size=10> <option> 可选择项目 <option>--------------- <option value= 香蕉 > 香蕉 <option value= 芭樂 > 芭樂 <option value= 蘋果 > 蘋果 <option value= 梨子 > 梨子 </select> … 下页续 … 表单对象范例 – 动态选单
- 92. … 接上页… <input type=button value="-->" onClick=createOptions()> <select name=select2 size=10> <option> 选择项目 <option>--------------- </select></form> </Body> </Html> 表单对象范例 – 动态选单
- 96. 按钮对象的对象特性 type -> 该元件类型 name -> 该元件识別名称 value -> 该按钮面显示值 disabled -> 该元件生效否
- 97. <form name=form1> 动态设定按钮的显示字樣： <BR> 请输入： <input type=text onChange="document.form1.button1.value=this.value"> <BR> <input type=button name=button1 value=' '> </form> 表单对象范例 - button
- 98. <FORM onReset= "this.button1.disabled=true" > <INPUT TYPE=text onClick= "this.form.button1.disabled=false" > <INPUT TYPE=button name=button1 disabled value=" 传 送 "> <INPUT TYPE=reset value=" 重 来 "> </FORM> 表单对象范例 - button
- 101. 提交 对象的对象特性 type -> 该元件类型 Name -> 该元件识別名称 value -> 该按钮面显示值
- 102. <Script> function isReady() { if (document.form1.text1.value.length == 9) return true else alert(" 请输入 9 位数密码 "); return false } </Script> <Form name=form1 onSubmit= "return isReady()" > <input type=text name=text1> <input type=submit> </form> 表单对象范例 - submit 1. 双 引 号 不能省略 2. 当 onSubmit = true 时才 提交到 器
- 103. <Script> function isReady( form ) { if ( form .text1.value.length == 9) return true else alert(" 请输入 9 位数密码 ") form.text1.focus() // 将焦点移回 text return false } </Script> <Form name=form1 onSubmit="return isReady( this )"> <input type=text name=text1> <input type=submit> </form> 表单对象范例 - submit
- 106. 重置对象的对象特性 type -> 该元件类型 name -> 该元件识別名称 value -> 该按钮面显示值
- 107. <Form name=form1 onReset =alert(" 重新来吧！ ")> <input type=text name=text1> <input type=reset> </form> 表单对象范例 - reset
- 110. 本文 区 域对象的对象特性 type -> 该元件类型 name -> 该元件识別名称 value -> 本文 区 域的內容 defaultValue -> 本文 区 域的预设內容
- 111. <form name=form1> 意 见 留 言 版 ......<BR> <textarea name=textarea1 rows =8 cols =30> </textarea> <input type=button value= 显示留言內容 onClick= alert(' 您的留言是： ---------'+document.form1.textarea1 .value )> </form> 表单对象范例 - textarea
- 114. 档案对象的对象特性 type -> 该元件类型 name -> 该元件识別名称 value -> 该元件內容值
- 115. <form> <input type=file name=file1> <input type=button onClick=alert(document.forms[0].file1. value )> </form> 表单对象范例 - file
Notes de l'éditeur
- 脚本语言是介于 HTML 和 Java 、 C++ 和 Visual Basic 之类的编程语言之间的语言。 HTML 通常用于格式化文本和链接网页。编程语言通常用于向计算机发送一系列复杂指令。脚本语言也可用来向计算机发送指令，但它们的语法和规则没有可编译的编程语言那样严格和复杂。脚本语言主要用于格式化文本和使用以编程语言编写的已编译好的组件。
- 静态联编 静态联编是指联编工作出现在编译连接阶段，这种联编又称早期联编，因为这种联编过程是在程序开始运行之前完成的。 动态联编 编译程序在编译阶段并不能确切知道将要调用的函数，只有在程序执行时才能确定将要调用的函数，为此要确切知道该调用的函数，要求联编工作要在程序运行时进行，这种在程序运行时进行联编工作被称为动态联编，或称动态束定，又叫晚期联编。
- 包括两部分： (1)<Script> 标识，它用来通知解释器，有脚本嵌入在此标识之中； (2)Language 属性，它用来说明在标识之中是脚本语言。 通过使用语句 document.write() ，可以显示用户信息，它是 JavaScript 基本的输出。
- 包括两部分： (1)<Script> 标识，它用来通知解释器，有脚本嵌入在此标识之中； (2)Language 属性，它用来说明在标识之中是脚本语言。 通过使用语句 document.write() ，可以显示用户信息，它是 JavaScript 基本的输出。