包含函数的脚本位于的head部分（Word）_第1页
包含函数的脚本位于的head部分（Word）_第2页
包含函数的脚本位于的head部分（Word）_第3页
包含函数的脚本位于的head部分（Word）_第4页
包含函数的脚本位于的head部分（Word）_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。<html><head><script type="text/javascript">function message()alert("该提示框是通过 onload 事件调用的。")</script></head><body onload="message()"></body></html>执行位于 body 部分的脚本:消息在加载时输出链接外部脚本&

2、lt;/head><body><script src="/js/example_externaljs.js"></script><p>实际的脚本位于名为 "xxx.js" 的外部脚本中。</p></body></html>显示警告框<html><head><script type="text/javascript">function disp_alert()alert("我是警告框！")&l

3、t;/script></head><body><input type="button" onclick="disp_alert()" value="显示警告框" /></body></html> / 16<html><head><script type="text/javascript">function disp_alert()alert("再次向您问好！在这里，我们向您演示" + '

4、n' + "如何向警告框添加折行。")</script></head><body><input type="button" onclick="disp_alert()" value="显示警告框" /></body></html><html><head><script type="text/javascript">function show_confirm()/显示提示框var r

5、=confirm("Press a button!");/选择按钮if (r=true) alert("You pressed OK!"); else alert("You pressed Cancel!"); </script></head><body><input type="button" onclick="show_confirm()" value="Show a confirm box" /></body>

6、</html><html><head><script type="text/javascript">function disp_prompt() var name=prompt("请输入您的名字","Bill Gates") if (name!=null && name!="") document.write("你好！" + name + " 今天过得怎么样？") </script></head

7、><body><input type="button" onclick="disp_prompt()" value="显示提示框" /></body></html>定义的第一个变量是namename被赋予函数prompt的返回值，其中prompt的参数是字符串："请输入您的名字"和"Bill Gates"如果name变量不为空，就在文档中写入("你好！" + name + " 今天过得怎么样？")如果用

8、户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本提示框提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。语法：prompt("文本","默认值")<script type="text/javascript">function myfunction()alert("您好！")</script></

9、head><body><form><input type="button" onclick="myfunction()" value="调用函数"></form><p>通过点击这个按钮，可以调用一个函数。该函数会提示一条消息。</p><script type="text/javascript">function myfunction(txt)alert(txt)</script></head><b

10、ody><form><input type="button" onclick="myfunction('您好！')" value="调用函数"></form><p>通过点击这个按钮，可以调用一个带参数的函数。该函数会输出这个参数。</p><script type="text/javascript"> function myfunction(txt) alert(txt) </script> </head&

11、gt; <body> <form> <input type="button" onclick="myfunction('早安！')" value="在早晨"> <input type="button" onclick="myfunction('晚安！')" value="在夜晚"> </form> <p>通过点击这个按钮，可以调用一个函数。该函数会输出传递给它的参数。<

12、;/p><head><script type="text/javascript">function myFunction()return ("您好，祝您愉快！")</script></head><body><script type="text/javascript">document.write(myFunction()</script><p>body 部分中的脚本调用一个函数。</p><p>该函数返回一段文本

13、。</p></body></html><head><script type="text/javascript">function product(a,b)return a*b</script></head><body><script type="text/javascript">document.write(product(6,5)</script><p>body 部分中的脚本调用一个带有两个参数（6 和 5）的函数。<

14、;/p><p>该函数会返回这两个参数的乘积。</p>如何定义函数创建函数的语法：function 函数名(var1,var2,.,varX) 代码 var1, var2 等指的是传入函数的变量或值。 和 定义了函数的开始和结束。注意：无参数的函数必须在其函数名后加括号：function 函数名()代码注意：别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。return 语句return 语句用来规定从函数

15、返回的值。因此，需要返回某个值的函数必须使用这个 return 语句。例子下面的函数会返回两个数相乘的值（a 和 b）：function prod(a,b)x=a*breturn x当您调用上面这个函数时，必须传入两个参数：product=prod(2,3)而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。JavaScript 变量的生存期当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。如果您在函数

16、之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。for 循环在脚本的运行次数已确定的情况下使用 for 循环。语法：for (变量=开始值;变量<=结束值;变量=变量+步进值) 需执行的代码<script type="text/javascript">i = 0while (i <= 5)document.write("数字是 " + i)document.write("<br />")i+</script><h1>

17、;解释：</h1><p><b>i</b> 等于 0。</p><p>当 <b>i</b> 小于或等于 5 时，循环将继续运行。</p><p>循环每运行一次，<b>i</b> 会累加 1。</p></body>事件avaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onCl

18、ick 事件来触发某个函数。事件在 HTML 页面中定义。事件举例：l 鼠标点击l 页面或图像载入l 鼠标悬浮于页面的某个热点之上l 在表单中选取输入框l 确认表单l 键盘按键事件句柄HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。FF: Firefox, N: Netscape, IE: Internet Explorer属性当以下情况发生时，出现此事件FFNIEonabort图像加载被中断134onblur元素失去

19、焦点123onchange用户改变域的内容123onclick鼠标点击某个对象123ondblclick鼠标双击某个对象144onerror当加载文档或图像时发生某个错误134onfocus元素获得焦点123onkeydown某个键盘的键被按下143onkeypress某个键盘的键被按下或按住143onkeyup某个键盘的键被松开143onload某个页面或图像被完成加载123onmousedown某个鼠标按键被按下144onmousemove鼠标被移动163onmouseout鼠标从某元素移开144onmouseover鼠标被移到某元素之上123onmouseup某个鼠标按键被松开144on

20、reset重置按钮被点击134onresize窗口或框架被调整尺寸144onselect文本被选定123onsubmit提交按钮被点击123onunload用户退出页面123Try.Catch 语句try.catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。语法：try /在此运行代码catch(err) /在此处理错误注意：try.catch 使用小写字母。大写字母会出错实例 1下面的例子原本用在用户点击按钮时显示 "Welcome guest!" 这个消息。不过 message() 函数中的 alert() 被

21、误写为 adddlert()。这时错误发生了：<html><head><script type="text/javascript">function message()adddlert("Welcome guest!")</script></head><body><input type="button" value="View message" onclick="message()" /></body>

22、;</html>我们可以添加 try.catch 语句，这样当错误发生时可以采取更适当的措施。下面的例子用 try.catch 语句重新修改了脚本。由于误写了 alert()，所以错误发生了。不过这一次，catch 部分捕获到了错误，并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。<html><head><script type="text/javascript">var txt=""function message()try adddlert("We

23、lcome guest!") catch(err) txt="此页面存在一个错误。nn" txt+="错误描述: " + err.description + "nn" txt+="点击OK继续。nn" alert(txt) </script></head><body><input type="button" value="View message" onclick="message()" /><

24、;/body></html>实例 2下一个例子会显示一个确认框，让用户来选择在发生错误时点击确定按钮来继续浏览网页，还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false，代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true，那么代码什么也不会做。<html><head><script type="text/javascript">var txt=""function message()try adddlert("Welcome guest!&

25、quot;) catch(err) txt="There was an error on this page.nn" txt+="Click OK to continue viewing this page,n" txt+="or Cancel to return to the home page.nn" if(!confirm(txt) document.location.href=" </script></head><body><input type="button&q

26、uot; value="View message" onclick="message()" /></body></html>Throw 声明throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try.catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。语法：throw(exception)exception 可以是字符串、整数、逻辑值或者对象。注意：使用小写字母编写 throw。使用大写字母会出错！实例 1下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，

27、错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。<html><body><script type="text/javascript">var x=prompt("Enter a number between 0 and 10:","")try if(x>10) throw "Err1"else if(x<0)throw "Err2" catch(er)if(er="Err1") alert("Error! The value is too high")if(er = "Err2") alert("Error! The value is too low") </script></body></html>onerror 事件我们刚讲过如何使用 try.catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。只要页面中出现脚本错误，就会产生 onerro

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论