• 1. JS教程 ——刘晓
  • 2. JS教程——目录(1)JS 介绍 JS 怎样使用 JS 在哪使用 JS 变量 JS 条件语句 JS 操作符 JS 弹出框 JS 函数 JS 循环 JS For...In JS 事件
  • 3. JS教程——目录(2)JS 捕捉错误 JS 特殊字符 JS Guidelines JS 对象介绍 JS 字符串 JS Date JS Array JS Boolean JS Math
  • 4. JS教程——目录(3)JS HTML DOM JS Browser JS Cookies JS 校验 JS 动画 JS Image Maps JS Timing JS 建立对象
  • 5. JS 介绍JS(JavaScript的缩写)是WEB脚本语言。 JavaScript在成千上万的WEB页中用来增加设计效果,校验表单,辨别浏览器,建立cookies等等。 JavaScript是互联网上最被广泛应用的脚本语言,适用于IE,Mozilla,Firefox,Netscape,Opera等众多主流浏览器。
  • 6. JS 怎样使用如何在HTML页面中插入JavaScript? 我们通过 分别标记了JavaScript代码的开始和结束。 格式如下:
  • 7. JS 怎样使用——实例Example:
  • 8. JS 怎样使用用分号来终止语句? 与C++和Java语言一样,JavaScript也是使用分号来结束一条语句。 许多的程序员在写JavaScript时都有使用分号来结束语句的习惯,但一般情况下分号只当你需要在同一行写入多条语句时才必须使用。
  • 9. JS 怎样使用如何操作较老版本的浏览器? 不支持JavaScript的浏览器将把其当作页面文本输出。为避免这种情况,我们可以使用HTML注释标签: 在注释标签结束符前的两斜杆(//)是JavaScript命令的标记。它表示JavaScript语句的结束。
  • 10. JS 在哪使用Head部分 将脚本中的函数插入head部分,这样就可以确保函数在被调用前已经加载完成。 Body部分 Body部分中的脚本将在页面加载到时被执行。在页面中插入脚本,脚本将伴随页面一起加载。 外部脚本 调入外部脚本。将JavaScript写在一个外部文件中,并将其保存为一个以.js为扩展名的外部 JavaScript 文件。
  • 11. JS 在哪使用——head在head部分中的脚本:
  • 12. JS 在哪使用——bodybody部分的脚本:
  • 13. JS 在哪使用——body和head 位于 body 和 head 部分的脚本:
  • 14. JS 在哪使用——外部的脚本 外部的JavaScript
  • 15. JS 变量变量定义 声明变量 给变量指定值 变量的寿命(有效时间和范围)
  • 16. JS 变量——变量 变量是你想要存储数据的“容器”。变量的值可以在脚本中改变。你可以调用变量的名称来看看它的值或是改变它的值。 变量名称规则: 区分大小写的。 开始部分必须为一个字母或是下划线。 重点注意!JS是区分大小写的!
  • 17. JS 变量——声明变量 你可以通过的var声明来建立一个变量: var strname = some value 你也可以不用var来建立变量: strname = some value
  • 18. JS 变量——给变量指定值 可以用这样的方法来给变量指定值: var strname = "JavaScript" 或者这样: strname = "JavaScript" 变量名称写在表达式的左边,你想要指定的值写在右边。现在变量名称为"strname"的变量值为"JavaScript"。
  • 19. JS 变量——变量的寿命(有效时间和范围) 当你在function(函数)里指定一个变量,它就只能在该函数内进行访问。当你离开函数变量就无效了。这样的变量可以称作局部变量。你可以在不同的函数内使用同样名称的变量,因为在函数中只会辨认它所指定的变量(别的函数怎么定义是不管的) 如果你在函数外定义一个变量,那页面里所有的函数都可以访问它。它的有效范围从指定开始直到你关闭页面才会结束。
  • 20. JS 条件语句JS中的条件语句一般用在针对不同的条件来执行不同的动作。在JS中有以下一些假设(条件)语句: if 语句 - 这条语句一般是在代码在只有一个状态为真的情况下就执行的时候使用。 if...else 语句 - 两个状态,一种为真,还有种不为真,分别执行不同动作。 if...else if....else 语句 - 你想在多个条件中选择一个或几个去执行,就用这个。 Switch 语句 - 在许多条件中选择一个去执行,用这个。
  • 21. JS 条件语句——if 语句 语法: if (condition) { code to be executed if condition is true } 注意: if语句应该用小写,使用大写的话会引起JS错误。 要比较变量你就必须使用两个等号标记(==)!
  • 22. JS 条件语句 ——If...else语法: if (condition) { code to be executed if condition is true } else { code to be executed if condition is not true }
  • 23. JS 条件语句——If...else if...else语法: if (condition1) { code to be executed if condition1 is true } else if (condition2) { code to be executed if condition2 is true } else { code to be executed if condition1 and condition2 are not true }
  • 24. JS 条件语句——Switch如果想在几个代码块中选择一个来运行就使用switch(开关)语句。 它是这样工作的:首先,有唯一的一个表达式 n (大多数为一个变量),它是被赋过值的。 接下来表达式将与每个case(事件)进行比较。如果吻合就执行该事件内的代码块。使用break来防止代码执行后自动转向下一个事件。
  • 25. JS 条件语句——Switch语法: switch(n) { case 1: execute code block 1 break case 2: execute code block 2 break default: code to be executed if n is different from case 1 and 2 }
  • 26. JS 操作符算术运算符 赋值运算符 比较(关系)运算符 逻辑运算符 串符(连接作用) 条件运算符
  • 27. JS 操作符——算术运算符 + 加 - 减 * 乘 / 除 % 余数 ++ 递增 -- 递减
  • 28. JS 操作符——赋值运算符 Operator Example Is The Same As = x=y x=y += x+=y x=x+y -= x-=y x=x-y *= x*=y x=x*y /= x/=y x=x/y %= x%=y x=x%y
  • 29. JS 操作符——比较(关系)运算符 == 等于 === 等于(检查值和类型)*全吻合才算相等 != 不等于 > 大于 < 小于 >= 大于等于 <= 小于等于
  • 30. JS 操作符——逻辑运算符 && 与 || 或 ! 非
  • 31. JS 操作符——串符(连接作用) 要将两个或多个字符串变量衔接在一起的话就得使用 + 符号。 要给两个字符串变量中间添加空格就得在表达式里插入空格,或在其中的一个加上(空格)。Example : txt1="What a very" txt2="nice day!" txt3=txt1+" "+txt2 Or txt1="What a very " txt2="nice day!" txt3=txt1+txt2 变量txt3为“What a very nice day!”
  • 32. JS 操作符——条件运算符 JS有根据条件不同给变量不同值的条件运算符。 语法: variablename=(condition)?value1:value2 Example: greeting=(visitor=="PRES")?"Dear President ":"Dear " 如果变量visitor的值等于PRES那么greeting的值就为"Dear President "。如果不为PRES那么greeting的值就为"Dear"
  • 33. JS 弹出框在JS里我们可以建立三种不同样子的popup boxes弹出框:警示框,确认框,信息框。
  • 34. JS 弹出框——警示框 如果你想保证让用户得到信息就使用警示框。 当警示框弹出,用户必须按“OK”来继续。 语法: alert("sometext")
  • 35. JS 弹出框——确认框 确认框用来让用户核实或是接受一些信息。 当信息框弹出,用户必须按“OK”或者“Cancel”来继续。 如果用户按“OK”就返回真,按“Cancel”就返回假。 语法: confirm("sometext")
  • 36. JS 弹出框——信息框 信息框用来让用户在进入页面前输入值。 当信息框弹出,用户将在输入值后按“OK”或“Canel”来继续(下面的操作)。 按“OK”就会返回输入的值,按“取消”就会返回空值。 语法: prompt("sometext","defaultvalue")
  • 37. JS 函数 函数是可再用的代码块,可以在事件触发或是被调用时来执行。 要想让浏览器在加载完页面后马上执行脚本程序,你可以将脚本写入一个函数内。 函数内的一些代码只有在某个事件触发或被调用的时候才会被执行。 你可以在页面中的任何地方调用函数(可以用嵌入外部.js文件的方式让其他页面也可以使用脚本) 函数在页面的开始部分定义,在区域。
  • 38. JS 函数——ExampleExample
  • 39. JS 函数——定义一个函数 建立函数的语法: function functionname(var1,var2,...,varX) { some code } (var1,var2等一些变量或值可传递给函数使用。{和}定义了函数的开始与结束。) 注意: 没有参数的函数必须在函数名称后带上(); 调用的函数名必须和你建立的函数名相一致。
  • 40. JS 函数——返回语句返回语句用来指定从函数中返回的值,所以,要从函数里返回值就必须使用返回语句 Example:返回两个数字的乘积(a和b): function prod(a,b){x=a*breturn x} 当你调用上面的函数,你必须提供两个参数 product=prod(2,3) 从函数prod()返回的值就为6,它会存储在变量product中。
  • 41. JS 循环在JS中有两种循环: for - 次数循环 while - 条件循环
  • 42. JS 循环 —— For 循环 使用for循环一般是当你事先知道脚本应该执行几次。 语法: for(var=startvalue;var<=endvalue;var=var+increment) { code to be executed }
  • 43. JS 循环 —— While 循环 当条件持续为真的时候循环执行相同的代码, 这就是while循环的用途 while (var<=endvalue) { code to be executed } 注意:<=可以比较任何申明(我的理解是不光可以比较数字类型,字符也可以比较) do...whlie是另外一种形式的while循环。条件判断在执行之后 do { code to be executed } while (var<=endvalue)
  • 44. JS 循环 —— 特殊语句 break和continue是两个用在内部循环的特殊语句。 Break break命令会离开当前的循环并接着开始执行下面的循环(如果有的话)。 Continue continue命令会跳出当前的循环并继续下面的值。
  • 45. JS 循环 —— Break Example Result The number is 0 The number is 1 The number is 2
  • 46. JS 循环 —— Continue Example
  • 47. JS 循环 —— Continue ExampleResult The number is 0 The number is 1 The number is 2 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10
  • 48. JS For...Infor...in声明通过一组元素或对象属性进行循环(重复)。 在for...in循环躯干部分里的代码针对每个元素/属性执行一次。 语法 for (variable in object) { code to be executed }
  • 49. JS For...In —— ExampleExample 数组使用for...in循环 Result Saab Volvo BMW
  • 50. JS 事件 通过使用JS我们能够建立动态的web页面。JS能够察觉到事件有动作。 web页中的每个元素都能够有触发JS函数的事件。 事件例子: 鼠标的点击 web页或是图象在加载的时候 移动到热点的时候 (这里我怀疑Mousing是Moving) 在HTML表单中选择一个输入框 提交一份HTML表单 一次击键 注意:事件通常是用函数来组合使用的,而且在事件发生前函数是不会执行的!
  • 51. JS事件参考 下面的列表列举了可以插入HTML标签中来定义事件动作的属性。 onabort 图片下载被打断时 onblur 元素失去焦点时 onchange 框内容改变时 onclick 鼠标点击一个对象时 ondblclick 鼠标双击一个对象时 onerror 当加载文档或图片时发生错误时 onfocus 当元素获取焦点时 onkeydown 按下键盘按键时 onkeypress 按下或按住键盘按键时 onkeyup 放开键盘按键时 onload 页面或图片加载完成时 onmousedown 鼠标被按下时 onmousemove 鼠标被移动时 onmouseout 鼠标离开元素时 onmouseover 鼠标经过元素时 onmouseup 释放鼠标按键时 onreset 重新点击鼠标按键时 onresize 当窗口或框架被重新定义尺寸时 onselect 文本被选择时 onsubmit 点击提交按钮时 onunload 用户离开页面时
  • 52. JS事件 —— onload and onUnload 当用户进入或是离开页面的时候onload 和onUnload事件就会被触发。 onload事件经常 用来检测访问者的浏览器类型和版本,并以此来提供合适的页面。 它们还经常用来处理用户进入或离开时cookies的处理。例如,当有用户第一次访问你的网站时要得到对方的姓名,该信息就能保存在cookies中。下次同一访问者来到你的页面时就可以在页面上显示“欢迎您,某某某(姓名)” 。
  • 53. JS事件 —— onFocus, onBlur and onChange 这些事件经常组合起来使用在表单的验证上。 下面的例子将说明怎样使用onChange事件,当用户改变内容的时候checkEmail()函数就被激活。 ;
  • 54. JS事件 —— onSubmitonSubmit事件被用来校验“所有“被提交的表单。 下面就是一个怎样使用onSubmit事件的例子。当用户点击提交按钮就会激活函数checkForm()。如果将要提交的值不能被接受,那就会取消提交。checkForm()函数会返回真或假。返回真的话就会提交表单,假就会取消提交:
  • 55. JS事件 ——鼠标动作onMouseOver and onMouseOut(鼠标动作) 这两个事件经常用来建立”活力(动感十足)”按钮。 下面就是一个an onMouseOver事件的例子。当鼠标移动到连接上的时候就会出现警告框:
  • 56. JS 捕捉错误当在网上浏览页面时,我猜各位都见过JS警告框,告诉你有运行错误,并问:”你希望调试吗?“这类错误信息或许对开发者十分有用,但对用户就不是了。当用户见到错误,他们通常会离开页面。 有两种办法来捕捉错误: 通过使用try...catch 使用onerror事件
  • 57. JS 捕捉错误——try...catchtry...catch声明可以让你测试出一块区域代码中的错误。尝试(try)运行里面的代码并捕捉(catch)执行中出现的错误 语法 try { //Run some code here } catch(err) { //Handle errors here }
  • 58. JS 捕捉错误—— throwthrow声明可以让你建立例外(情况)。 如果你把throw声明和try...catch声明组合起来使用,你可以控制程序流程并引出精确的错误信息 语法 throw(exception) 例外可以是串,整数,布尔或是对象。
  • 59. JS 捕捉错误 —— onerror使用onerror事件是捕捉web页错误的比较老的标准方法。 不论什么时候只要脚本出现错误onerror事件就会被激活。 要使用onerror事件,你必须建立一个函数来处理错误。msg(错误信息),url(出错页的url)和line(发生错误的位置)。 语法 onerror=handleErr function handleErr(msg,url,l) { //Handle the error here return true or false } 返回值决定是否在浏览器上显示标准的错误信息。如果你返回false,浏览器显示在JS控制台中的错误信息。如果你返回true,浏览器不显示错误信息。
  • 60. JS 特殊字符使用backslash标记你可以在JS中添加特殊文字。 (\)被用来插入省略符号,新的行,引用和其他插入在字符串中的特殊文字。 在JS中,一字符串可以用单引号或是双引号来开始和结束。 以下罗列了其他一些特殊文字: \' single quote \" double quote \& ampersand \\ backslash \n new line \r carriage return \t tab \b backspace \f form feed
  • 61. JS Guidelines 使用JS时还应该了解的一些重要信息。 JS是区分大小写的。 JS会忽略多余的空白。 在文字串中加入反斜杠来将一段代码拆开。 使用双斜杠来添加你脚本的注释。或者使用/*和*/(这个可以建立多行的注释区)。
  • 62. JS 对象介绍 JS是安置对象的编程语言(面向对象)。 OOP语言可以让你自定义对象和变量类型。 注意,对象只是特殊类型的数据。对象有属性和方法。 属性是对象的相连值。下面的例子我么使用了字符串对象的长度属性来返回字符的数量: 上面的代码就会输出:12 对象的方法可以执行行为。下面的例子使用了字符串对象的toUpperCase()方法来显示出文字的大写: 上面的代码输出:HELLO WORLD!
  • 63. JS 字符串 字符串对象被用来操作存储的文字片段。 字符串对象属性 属性 描述 constructor 所建立对象函数的参考 length 返回字符串的字符长度 prototype 对象可加入的对象和方法
  • 64. JS字符串对象参考 (一)字符串对象方法 anchor() 建立一个HTML锚记 big() 显示大一号的字符串 blink() 显示闪烁的字符串 bold() 显示粗体字符串 charAt() 显示指定位置的字符 charCodeAt() 返回指定位置字符的Unicode concat() 接合两条或多条字符串 fixed() 电报形式来显示文字 fontcolor() 执行显示字符串的颜色 fontsize() 指定显示字符串的大小 fromCharCode() 获取指定的Unicode值并返回字符串 indexOf() 返回字符串中第一个出现指定字符串的位置 italics() 用斜体显示字符串 lastIndexOf() 返回字符串中最后个出现指定字符串的位置,搜索方向是向后的。
  • 65. JS字符串对象参考(二)link() 字符串以超级链接的形式显示 match() 在字符串中查找指定值 replace() 将字符串中的某些字符替换成其它字符 search() 针对某执行值对字符串进行查找 slice() 将部分字符抽出并在新的字符串中返回剩余部分 small() 显示小一号的字符串 split() 将字符串分配为数组 strike() 字符串以删除的形式显示 sub() 字符串显示成下标 substr() 从字符串头部开始抽取指定数字的字符串 substring() 抽取字符串中指定数字符,并返回剩下的 sup() 上标字符串 toLowerCase() 小写字符串 toUpperCase() 大写字符串 toSource() 显示对象的源代码 valueOf() 返回字符串对象的原始值
  • 66. JS Date时间对象用来操作日期和时间。 定义日期。下面的代码行就定义了一个时间对象(称作myDate): var myDate=new Date() 操作(设置)时间。在下面的例子中我们设置一个时间对象来指定日期(2010年一月14号): var myDate=new Date() myDate.setFullYear(2010,0,14) 比较时间(日期)。下面的例子将今天的日期和2010年1月14号作比较: var myDate=new Date() myDate.setFullYear(2010,0,14) var today = new Date() if (myDate>today) alert("Today is before 14th January 2010") else alert("Today is after 14th January 2010")
  • 67. JS日期对象参考 ——方法(1)日期对象方法 Date() 返回今天的日期和时间 getDate() 返回月中的第几天(1到31) getDay() 返回一周中的第几天(0到6) getMonth() 返回月份数(0到11) getFullYear() 返回完整的年份数 getYear() 返回年份,可以是两位的或是四位的 getHours() 返回日期对象的小时数(0到23) getMinutes() 返回日期对象的分钟(0到59) getSeconds() 返回日期对象的秒(0到59) getMilliseconds() 返回毫秒(0到999) getTime() 从1970年1月1号午夜到现在一共花去的毫秒数 getTimezoneOffset() 本地时间和GMT相差多少分钟
  • 68. JS日期对象参考 ——方法(2)getUTCDate() 依据国际时间来得到月中的第几天(1到31) getUTCDay() 依据国际时间来得到现在是星期几(0到6) getUTCMonth() 依据国际时间来得到月份(0到11) getUTCFullYear() 依据国际时间来得到完整的年份 getUTCHours() 依据国际时间来得到小时(0-23) getUTCMinutes() 依据国际时间来返回分钟(0到59) getUTCSeconds() 依据国际时间来返回秒(0到59) getUTCMilliseconds() 依据国际时间来返回毫秒(0到999) parse() 或得并返回自1970年1月1号凌晨到现在一共花掉了多少毫秒 setDate() 设置日 setMonth() 设置月 setFullYear() 设置年份 setYear() 用setFullYear()来取代 setHours() 设置小时 setMinutes() 设置分钟 setSeconds() 设置秒 setMilliseconds() 设置毫秒 setTime() 依据从1970年1月1号午夜到现在来设置毫秒
  • 69. JS日期对象参考 ——方法(3)setUTCDate() 依据国际时间来设置日期 setUTCMonth() 依据国际时间来设置月 setUTCFullYear() 依据国际时间来设置年份 setUTCHours() 依据国际时间来设置小时 setUTCMinutes() 依据国际时间来设置分钟 setUTCSeconds() 依据国际时间来设置秒 setUTCMilliseconds() 依据国际时间来设置毫秒 toSource() 显示对象的源代码 - toString() 将日期对象转换为字符串 toGMTString() 根据格林威治时间将Date[日期]对象转换为一个字符串。可以使用toUTCString()替代这种方法 toUTCString() 根据通用时间将一个Date[日期]对象转换为一个字符串 toLocaleString() 根据本地时间将一个Date[日期]对象转换为一个字符串 UTC() 根据通用时间将日期计算为从1970年1月1日午夜至今所经过的时间(单位:毫秒) valueOf() 返回日期对象的原始值
  • 70. JS日期对象参考 ——属性日期对象属性 constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法
  • 71. JS Array阵列(数组)对象用来在一单独的变量名称内存储一系列值。 定义数组。 下面的代码行定义了称为myArry的数组对象: var myArray=new Array() 有两种方法来添加数组值(你可以添加你所需要的值并定义你所想要的变量名称) 第一种: var mycars=new Array() mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" 还可以通过引入一个整数来控制数组的大小: var mycars=new Array(3) mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" 第二种: var mycars=new Array(“Saab”,“Volvo”,“BMW”) 注意:如果你在数组里指定数字或真/假值那么变量的类型将变为数字型或布尔型替换了字符串型。
  • 72. JS Array——访问和修改数组访问数组。 你可以指示数组的名称和索引数字来从数组中提出一个单独的元素。索引数字从0开始。 正如下面的代码行: document.write(mycars[0]) 将输出结果:Saab 修改现有的数组值。 要修改现有数组的值只需要通过添加指定索引数字里的值 mycars[0]="Opel" 现在,下面的代码行: document.write(mycars[0]) 将输出结果:Opel
  • 73. JS数组对象参考——方法数组对象方法 concat() 将两个或两个以上的数组值连接起来,合并后返回结果。 join() 将数组中的所有元素合并起来成为一条字符串。每个元素可以指定他们的分隔标记。 pop() 删除并返回数组最后的元素。 push() 在数组的末尾加上一个或多个元素,并且返回新的数组长度值。 reverse() 将数组中的排列顺序做反向排列。 shift() 删除并返回数组中第一个元素值。 slice() 从现有数组中的某个元素开始依次返回。 sort() 对数组中的元素进行排序。 splice() 为数组删除并添加新的元素。 toSource() 显示对象的源代码。 toString() 将数组转换为数组,并返回结果。 unshift() 为数组的开始部分加上一个或多个元素,并且返回该数组的新长度。 valueOf() 返回数组对象的原始值。
  • 74. JS数组对象参考—— 属性数组对象属性 constructor 所建立对象的函数参考 index input length 设置或返回数组内元素的数字 prototype 为对象加上属性和方法
  • 75. JS Boolean布尔对象用来把一个非布尔型的值转换为布尔值(真或假) 。布尔对象是布尔值的包装对象。 我们用一新关键字定义一个布尔对象。下面的代码定义了一个名为myBoolean的布尔对象: var myBoolean=new Boolean() 注意:如果布尔对象没有初始值或是0,-0,null, "",false,无定义的,或NaN,对象就设置为假.不然它就是真(哪怕是字符串值为“false”)。 下面所有的代码建立的布尔对象的值都为false(假): var myBoolean=new Boolean() var myBoolean=new Boolean(0) var myBoolean=new Boolean(null) var myBoolean=new Boolean("") var myBoolean=new Boolean(false) var myBoolean=new Boolean(NaN)
  • 76. JS布尔对象参考 下面的就全为true(真): var myBoolean=new Boolean(true) var myBoolean=new Boolean("true") var myBoolean=new Boolean("false") var myBoolean=new Boolean("Richard") 布尔对象方法 toSource() 显示对象的源代码 toString() 将布尔值转换为字符串,并且返回结果 valueOf() 返回布尔对象的原始值 布尔对象属性 constructor 所建立对象的函数参考 prototype 为对象添加属性和方法
  • 77. JS Math数学对象允许你来执行一般数学上的任务(一些数学上的运算)。 数学对象包括数学值和函数。你不需要在使用前定义数学对象。 JS提提供了八个能从数学对象直接访问的数学值(常数)。它们是:E,PI,平方,根号,log2,log10,base-2 log of E, and base-10 log of E 。 除了使用数学值还可以用数学对象里的几个函数(方法) 。
  • 78. JS数学对象参考——方法(1)数学对象方法 abs(x) 返回数字的绝对值 acos(x) 返回数字的反余弦值 asin(x) 返回数字的反正弦值 atan(x) 返回位于-PI/2 和 PI/2 的反正切值 atan2(y,x) 返回(x,y)位于 -PI 到 PI 之间的角度 ceil(x) 返回 x 四舍五入后的最大整数 cos(x) 返回一个数字的余弦值 exp(x) 返回 E^x 值 floor(x) 返回 x 四舍五入后的最小整数
  • 79. JS数学对象参考——方法(2) log(x) 返回底数为E的自然对数 max(x,y) 返回 x 和 y 之间较大的数 min(x,y) 返回 x 和 y 之间较小的数 pow(x,y) 返回 y^x 的值 random() 返回位于 0 到 之间的随机函数 round(x) 四舍五入后取整 sin(x) 返回数字的正弦值 sqrt(x) 返回数字的平方根 tan(x) 返回一个角度的正切值 toSource() 显示对象的源代码 valueOf() 返回数学对象的原始值
  • 80. JS数学对象参考——属性constructor 所建立对象的函数参考 E 返回欧拉常数(近似于2.718) LN2 返回2 的自然对数(近似值:0.693) LN10返回10 的自然对数(近似值:2.302) LOG2E 返回以2为底的对数的数学常数,表示为log10e(近似值:1.414) LOG10E 返回以10为底的对数的数学常数,表示为log10e(近似值:0.434) PI 返回圆周率PI(近似值:3.14159) prototype 可为对象加入的属性和方法 SQRT1_2 返回1/2的平方根(近似值:0.707) SQRT2 返回2的平方根(近似值:1.414)
  • 81. JS HTML DOM除了JS内置的对象外,你还可以通过JS来访问和操作所有的HTML DOM对象。 HTML DOM是W3C的一个标准 ,它是HTML文档对象模型(Document Object Model)的简称 HTML DOM定义了一套标准的HTML对象,并且用标准的方法来访问和操作HTML文档 使用DOM可以访问HTML所有的元素以及其内的文字和属性。内容可以修改和删除,并且能建立新的元素。 HTML DOM是一个独立的平台和语言。可以使用任何程序语言,像JAVA,JS,VBS 。
  • 82. DOM对象(1)Anchor 代表了HTML的 a 元素 (超级链接) Applet 代表了HTML的applet元素,applet元素可用来放置页面内可执行的内容 Area 代表了图象映射区域。带有可点击的图片可称为图象映射 Base 代表了HTML的 base元素 Basefont HTML的basefont元素 Body 文档的主体(body) Button HTML表单上的按钮。HTML表单中只要出现了标签,一个Button对象就建立了 Checkbox HTML表单中的复选框。只要HTML表单中出现了标签,就会建立起Checkbox对象 Document 可用来访问所有在页面中的元素 Event 代表事件的状态,比如某个元素的事件发生了,键盘按键的状态,鼠标的位置,鼠标按钮的状态
  • 83. DOM对象(2)FileUpload 当HTML表单中有,FileUpload对象就建立起来了 Form 表单可用于用户信息的输入递交。可代表HTML中的form元素 Frame 代表了HTML中的框架 Frameset HTML的框架集 Hidden 在HTML中的隐藏区域。每当HTML表单中出现标签,Hidden对象就建立起来了 History 通过Window对象的history属性所访问的预先确定对象。这个对象由一组URLs所构成。这些URLs是所有用户曾经在浏览器中访问过的URLs。 Iframe HTML中的内联框架 Image HTML的img元素 Link HTML的link元素。只能在标签里使用link元素 Location 含有当前URL的信息
  • 84. DOM对象(3)Meta HTML的meta元素 Navigator 含有客户端信息 Option 在HTML表单中的选择项。每当HTML表单中出现
  • 86. JS BrowserJS的导航对象包含了有关访问者浏览器的信息。 Example
  • 87. JS Browser —— Example上面例子中变量brower(浏览器)被赋加了浏览器的名称,网景或是IE(或其他) 。 上面例子中的appVersion属性返回一串包含比版本号更多的信息字符,但现在我们只要版本号。要从字符串中提出版本号我们使用一个叫parseFloat()的函数来返回数字。 appName - 含浏览器的名称 appVersion - 浏览器版本
  • 88. JS Cookiescookie经常用做辨别用户(身份)。 cookie是保存在用户计算机上的变量。每次相同的计算机请求该页时,它(计算机)就会发送cookie。通过JS你可以建立和检索cookie的值。 cookies的实例: 名字cookie - 当一访问者到达你的WEB页,他或者她必须提交他或她的名字。名字接着被保存在一个cookie里.下次相同的访问者来到这个页面的时候,她或他就会得到一个欢迎的信息,就像“Welcome John Doe!” 密码cookie - 和名字cookie差不多,cookie可以帮助用户保存密码(本人认为这个虽然方便,却十分的不安全) 日期cookie - 当访问者第一次来到你的WEB页,当时的日期被保存在cookie里,下次相同的访问者再来的时候,就可以给对方一个信息,像“你最后一次访问的时间是......”(以上的三者原理都是一样的,只是应用不同)
  • 89. JS 校验 JS可以用来校验HTML表单提交给服务器的数据(是否符合规范)。 典型的JS检查表单数据有以下: 用户是否没有填写必须添加的内容? 用户是否填写了有效的EMAIL地址? 用户是否写了有效的日期? 用户是否在应该填写数字的地方写了文字?
  • 90. JS 动画 使用JS我们可以建立动态的图片。 这个把戏是让JS在不同的事件时改变为两张不一样的图片(鼠标移上去的时候一张,移出来的时候又是另外一张)。 重要信息!鼠标事件是添加在标签里而不是标签。 在接下来的例子中我们将添加一张图片来扮演页面上按钮的角色。再添加onMouseOver事件和onMouseOut事件来运行两个JS函数从而在两张图片之间来回切换。
  • 91. JS 动画 —— Example Visit W3Schools!“ src=
  • 92. JS Image Maps图象映象是图片的可点区域(一图片多个链接区)。 我们给图片内的标签里面添加一些事件(可以叫JS)。标签支持onClick,onDblClick,onMouseDown,onMouseUP,onMouseOver,onMouseMove, onMouseOut, onKeyPress, onKeyDown, onKeyUp, onFocus, 和 onBlur事件。
  • 93. JS Timing使用JS是可以让函数不直接执行的,而是在过了一个指定的时间间隔后才执行。这就叫做时间事件。 JS的时间事件是非常简单的。使用了两个关键的方法: setTimeout() - 在一些时间后执行代码 clearTimeout() - 取消setTimeout() 注意:setTimeout() 和 Timeout() 都是HTML DOM Window 对象的方法。
  • 94. JS 建立对象 对于组织信息来讲对象是非常有用的。 对象是特殊的数据,有着相关的一系列属性和方法。 关联一个对象的属性语法为: objName.propName 用下面的语法来调用一个方法: objName.methodName() 注意:方法所需要的参数写在括号之间。