• JavaScript学习笔记(一)


    在哪里放置 JavaScript
    页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。
    位于 head 部分的脚本:
    当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。
    位于 body 部分的脚本:

    在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后,它就会生成页面的内容。
    在 body 和 head 部分的脚本:
    你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。
    使用外部 JavaScript有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。
    为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
    注意:外部文件不能包含不能包含 <script> 标签。

    然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:
    提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。

    JavaScript 是由浏览器执行的语句序列。
    JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。
     

    通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯,通过使用分号,可以在一行中写多条语句。
    JavaScript 代码是 JavaScript 语句的序列。

    浏览器按照编写顺序依次执行每条语句。

    JavaScript 代码块JavaScript 可以分批地组合起来。
    代码块以左花括号开始,以右花括号结束。
    代码块的作用是一并地执行语句序列。
     通常,代码块用于在函数或条件语句中把若干语句组合起来(比方说如果条件满足,就可以执行这个语句分组了)。
    JavaScript 注释
    可以添加注释来对 JavaScript 进行解释,或者提高其可读性。
    单行的注释以 // 开始。JavaScript 多行注释多行注释以 /* 开头,以 */ 结尾。
    JavaScript 变量
    正如代数一样,JavaScript 变量用于保存值或表达式。
    可以给变量起一个简短名称,比如 x,或者更有描述性的名称,比如 length。
    JavaScript 变量也可以保存文本值,比如 carname="Volvo"。
    JavaScript 变量名称的规则:变量对大小写敏感(y 和 Y 是两个不同的变量) 变量必须以字母或下划线开始 注释:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。

    在脚本执行的过程中,可以改变变量的值。可以通过其名称来引用一个变量,以此显示或改变它的值。
    声明(创建) JavaScript 变量在 JavaScript 中创建变量经常被称为“声明”变量。
    您可以通过 var 语句来声明 JavaScript 变量:
    var x; var carname; 在以上声明之后,变量并没有值,不过您可以在声明它们时向变量赋值:
    var x=5; var carname="Volvo"; 注释:在为变量赋文本值时,请为该值加引号。

    JavaScript 中的条件语句用于完成不同条件下的行为。

    JavaScript Switch 语句
    如果希望选择执行若干代码块中的一个,你可以使用 switch 语句:
    语法:switch(n) { case 1: 执行代码块 1 break case 2: 执行代码块 2 break default: 如果n即不是1也不是2,则执行此代码 } 工作原理:switch 后面的 (n) 可以是表达式,也可以(并通常)是变量。然后表达式中的值会与 case 中的数字作比较,如果与某个 case 相匹配,那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。
    可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。
    警告框警告框经常用于确保用户可以得到某些信息。
    当警告框出现后,用户需要点击确定按钮才能继续进行操作。
    语法:alert("文本")
    确认框确认框用于使用户可以验证或者接受某些信息。
    当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
    如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
    语法:confirm("文本")
    提示框提示框经常用于提示用户在进入页面前输入某个值。
    当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
    如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
    语法:prompt("文本","默认值")
    JavaScript 函数将脚本编写为函数,就可以避免页面载入时执行该脚本。
    函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。
    你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。
    函数在页面起始位置定义
    如何定义函数
    创建函数的语法:function 函数名(var1,var2,...,varX) { 代码... } var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。
    注意:无参数的函数必须在其函数名后加括号:
    function 函数名()   {   代码...  } 注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。

    return 语句return 语句用来规定从函数返回的值。
    因此,需要返回某个值的函数必须使用这个 return 语句。
    例子下面的函数会返回两个数相乘的值(a 和 b):
    function prod(a,b) { x=a*b return x } 当您调用上面这个函数时,必须传入两个参数:
    product=prod(2,3)而从 prod() 函数的返回值是 6,这个值会存储在名为 product 的变量中。

    JavaScript 变量的生存期当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
    如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
    JavaScript 循环在编写代码时,你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能,这样就用不着重复地写若干行相同的代码。
    JavaScript 有两种不同种类的循环:for 将一段代码循环执行指定的次数 while 当指定的条件为 true 时循环执行代码
    for 循环在脚本的运行次数已确定的情况下使用 for 循环。
    语法:for (变量=开始值;变量<=结束值;变量=变量+步进值) { 需执行的代码 } 实例:解释:下面的例子定义了一个循环程序,这个程序中 i 的起始值为 0。每执行一次循环,i 的值就会累加一次 1,循环会一直运行下去,直到 i 等于 10 为止。
    注释:步进值可以为负。如果步进值为负,需要调整 for 声明中的比较运算符。
    JavaScript break 和 continue 语句有两种特殊的语句可用在循环内部:break 和 continue。
    Breakbreak 命令可以终止循环的运行,然后继续执行循环之后的代码(如果循环之后有代码的话)。
    Continue命令会终止当前的循环,然后从下一个值继续运行。
    JavaScript For...In 声明
    For...In 声明用于对数组或者对象的属性进行循环操作。
    for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。
    语法:for (变量 in 对象) { 在此执行代码 }“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
    实例:使用 for ... in 循环遍历数组。
    <html>
    <body>
    <script type="text/javascript">
    var x
    var mycars = new Array()
    mycars[0] = "Saab"
    mycars[1] = "Volvo"
    mycars[2] = "BMW"
    for (x in mycars)
    {
    document.write(mycars[x] + "<br />")
    }

    </script>
    </body>
    </html>
    事件
    JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。
    网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。
    事件举例:鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键 注意:事件通常与函数配合使用,当事件发生时函数才会执行。
    如果需要更多有关 Javascript 可识别事件的知识,请阅读我们的 JavaScript 事件参考手册。
    onload 和 onUnload当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
    onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。
    onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。
    onFocus, onBlur 和 onChangeonFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
    下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容,checkEmail() 函数就会被调用。
    用于在提交表单之前验证所有的表单域。
    onMouseOver 和 onMouseOut用来创建“动态的”按钮。
    JavaScript - 捕获错误
    当我们在网上冲浪时,总会看到带有 runtime 错误的 Javascript 警告框,同时会询问我们“是否进行 debug?”。像这样的错误信息或许对开发人员有用,对用户则未必。当错误发生时,他们往往会选择离开这个站点。
    本节向你讲解如何捕获和处理 Javascript 的错误消息,这样就可以为受众提供更多的便利。
    有两种在网页中捕获错误的方法:
    使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用) 使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
    Try...Catch 语句try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。
    语法:try { //在此运行代码 } catch(err) { //在此处理错误 }注意:try...catch 使用小写字母。大写字母会出错。 
    Throw 声明
    throw 声明的作用是创建 exception(异常)。你可以把这个声明与 try...catch 声明配合使用,以达到控制程序流并产生精确错误消息的目的。
    语法:throw(exception)exception 可以是字符串、整数、逻辑值或者对象。
    注意:使用小写字母编写 throw。使用大写字母会出错!
    实例 1下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0,错误就会被抛出 (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>
    插入特殊字符反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
    下面的表格列出了其余的特殊字符,这些特殊字符都可以使用反斜杠来添加到文本字符串中:
    代码输出
    \'单引号
    \"双引号
    \&和号
    \\反斜杠
    \n换行符
    \r回车符
    \t制表符
    \b退格符
    \f换页符
    JavaScript 对大小写敏感名为 "myfunction" 的函数和名为 "myFunction" 的函数是两个不同的函数,同样,变量 "myVar" 和变量 "myvar" 也是不同的。
    JavaScript 对大小写敏感 - 所以当您创建或使用变量、对象及函数时,请注意字符的大小写。
    空格JavaScript 会忽略多余的空格。所以您可以在代码中添加适当的空格,使得代码的可读性更强。下面的两行是等效的:
    name="Hege"
    name = "Hege"

  • 相关阅读:
    colorDialog颜色拾取
    ContextMenuStrip菜单
    C#根据当前时间确定日期范围(本周、本月、本季度、本年度及常见日期方法荟萃
    重设切片上下文
    DomainUpDown 控件
    SQL中使用WITH AS提高性能
    在Reporting Service中使用下拉框提供参数查询
    c# 发射机制
    Silverlight 浏览器外运行及更新判断
    自动化持续集成编译 配置 CruiseControl.Net SVN
  • 原文地址:https://www.cnblogs.com/ITRoad/p/1528851.html
Copyright © 2020-2023  润新知