现在的位置: 首页 > 综合 > 正文

四、程咬金——JavaScript基础

2013年11月23日 ⁄ 综合 ⁄ 共 2824字 ⁄ 字号 评论关闭

 

一、前言

Ajax,异步JavaScriptXML,前面已经解释过,所以Ajax的学习还包含JavaScriptXML,这里我们先看JavaScript,而JavaScript实际上又是包含JavaScript语法和HTML DOM即文档对象模型的,接下来会分别介绍。

JavaScript教程参考地址:http://www.w3school.com.cn/js/index.asp

 

二、JavaScript基础

1)       页面上的JavaScript必须包含在<script></script>之间,以向浏览器说明这是JavaScript

2)       变量与变量声明:JavaScript是弱类型语言,不需要声明变量的类型,所有的变量都可以通过var声明符来声明,如:var x = 5; var y = “good”;等等

3)       插入特殊字符需使用转义字符“/(斜线),如/’, /”, /n等等

4)       JavaScript对大小写敏感

 

三、JavaScript对象

1)       String对象

(1)    length:字符串长度,例:txt.length

(2)    match() 方法:查找字符串中特定的字符,并且如果找到的话,则返回这个字符,例:str.match("world")

(3)    indexOf() 方法:定位字符串中某一个指定的字符首次出现的位置,如果没有则返回-1,例:str.indexOf("Hello")

(4)    replace() 方法:在字符串中用某些字符替换另一些字符,例:str.replace(/Microsoft/,"W3School")

(5)    toUpperCase()方法:将字符串转换为大写,例:txt.toUpperCase()

(6)    split(分割字符) 方法 :将字符串按分割字符分割,返回数组

2)       日期对象

(1)    Date():返回当前日期和时间,例:var x = new Date();

(2)    var today=new Date()

(3)    var h=today.getHours()

(4)    var m=today.getMinutes()

(5)    var s=today.getSeconds()

3)       数组

(1)    Var list = new Array();:声明数组

(2)    List[x] = “value”;:为数组赋值,赋值类型无要求

(3)    For … in循环数组:这样可以简化for循环,如下:

<script type="text/javascript">

var mycars = new Array()

mycars[0] = "Saab"

mycars[1] = "Volvo"

mycars[2] = "BMW"

 

for (var x in mycars) {document.write(mycars[x] + "<br />");}

</script>

(4)    concat():连接合并两个数组,例:list_1.concat(list_2);

(5)    join() 将数组的所有元素组成一个字符串,例:arr.join(".")jion方法中的参数是各个元素间的分隔字符

(6)    sort():排序数组,例:list.sort(),对数字数组的排序有些特别,请参看文档

4)       Math:算术对象

(1)    Math.round(数值):四舍五入,例:var x = Math.round(0.6)

(2)    Math.random():返回 0 1 之间的随机数

(3)    Math.min(5,7)Math.max(5,7):返回连个数中的小;大数

5)       RegExp:正则表达式对象

(1)    var patt1 = new RegExp("e");:声明正则表达式对象

(2)    test() 方法:检索字符串中的指定值,返回值是 true false,例:patt1.test("The best things in life are free");

(3)    exec() 方法:检索字符串中的指定值,返回值是被找到的值;如果没有发现匹配,则返回 null,例:patt1.exec("The best things in life are free");

 

四、    window对象: Window 对象表示一个浏览器窗口或一个框架,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document

1.     主要window对象方法

1)       alert() :显示带有一段消息和一个确认按钮的警告框,当警告框出现后,用户需要点击确定按钮才能继续进行操作

2)       close() :关闭浏览器窗口。

3)       confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框,当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作;如果用户点击确认,那么返回值为 true;如果用户点击取消,那么返回值为 false

4)       resizeTo() :把窗口的大小调整到指定的宽度和高度。

5)       setTimeout() 在指定的毫秒数后调用函数或计算表达式。

2.     主要window对象属性

1)       document 对象 :每个载入浏览器的HTML文档都会成为 Document 对象,它使我们可以从脚本中对HTML页面中的所有元素进行访问。

(1)    all[] :提供对文档中所有 HTML 元素的访问,例:document.all[i]document.all[name]

(2)    cookie :设置或返回与当前文档有关的所有 cookie

(3)    title :返回当前文档的标题。

(4)    URL :返回当前文档的 URL

(5)    getElementById() :返回对拥有指定 id 的第一个对象的引用。

(6)    getElementsByName() :返回带有指定名称的对象集合。

2)       history对象 :包含用户(在浏览器窗口中)访问过的 URL

(1)    back() :加载 history 列表中的前一个 URL

(2)    forward() :加载 history 列表中的下一个 URL

3)       location对象 :包含有关当前 URL 的信息

(1)    href :设置或返回完整的 URL

4)       Navigator对象 :包含有关浏览器的信息

 

五、事件

1)       窗口事件

(1)    onload :脚本 当文档载入时执行脚本

(2)    onunload :脚本 当文档卸载时执行脚本

2)       表单元素事件

(1)    onchange :脚本 当元素改变时执行脚本

(2)    onsubmit :脚本 当表单被提交时执行脚本

(3)    onreset :脚本 当表单被重置时执行脚本

抱歉!评论已关闭.