关于JavaScript、javascript与html交互的知识总结

&JavaScript

定义：

Javascript是一种可以直接嵌入到HTML文档中，在客户端执行的解释型脚本语言，是一种基于对象和事件驱动并具有安全性能的脚本语言 。

作用：

1、输出html代码

2、对html事件做出反应

3、改变html内容

4、改变html样式

注意点：

1、javascript里面区分大小写。

2、比较：

      == ： 比较值，不区分数据类型

     ===： 比较值与数据类型

3、json格式定义对象：

    var student = {name : 'zhangsan', age : 23, sex : '男'};

内部对象：

q数组对象(Array)

q基本对象（Object）

q日期对象(Date)

q数学对象(Math)

q字串对象(String)

q数字对象(Number)

Array

1、concat(): 用于数组连接。

2、slice(): 返回指定数组的片段。

3、splice() : 插入或删除指定数组。

4、Push()和pop(): 添加或删除尾部元素。

5、Unshift()和shift()：添加或删除头部元素。

6、toString()和toLocaleString():有特有实现。

7、Join(): 可以把一个数组的所有元素转成字符串，然后连接起来。

8、Reverse(): 颠倒数组元素并返回颠倒后的数组。

9、Sort() :在原数组上对数组元素排序并返回排序后的数组。

10、Array.shift():删第一个元素。

11、Array.pop():删最后一个元素。

12、Array.splice()：删一个连续范围内的元素。

Date

Varda = new Date();

    获取日期的时间方法

    var myDate = newDate();

    myDate.getYear();      //获取当前年份(2位)
    myDate.getFullYear();  //获取完整的年份(4位,1970-????)
    myDate.getMonth();      //获取当前月份(0-11,0代表1月)
    myDate.getDate();      //获取当前日(1-31)
    myDate.getDay();        //获取当前星期X(0-6,0代表星期天)
    myDate.getTime();      //获取当前时间(从1970.1.1开始的毫秒数)
    myDate.getHours();      //获取当前小时数(0-23)
    myDate.getMinutes();    //获取当前分钟数(0-59)
    myDate.getSeconds();    //获取当前秒数(0-59)
    myDate.getMilliseconds();  //获取当前毫秒数(0-999)
    myDate.toLocaleDateString();    //获取当前日期
    var mytime=myDate.toLocaleTimeString();    //获取当前时间
    myDate.toLocaleString( );      //获取日期与时间  （２）

String 

1、var msg = “The name of this document is “ + document.title + “.”;

2、var msg = new String(“hello\”jjh”);

     \ 做特殊字符的转义字符,\r,\n,\’,\”等

3、属性

      length：<字符串对象>.length；返回该字符串的长度。

4、方法

    1.charAt()用法：<字符串对象>.charAt(<位置>)；返回该字符串位于第<位置>位的单个字符。注意：字符串中的一个字符是第 0位的，第二个才是第 1 位的，最后一个字符是第 length - 1 位的。
    2.charCodeAt()用法：<字符串对象>.charCodeAt(<位置>)；返回该字符串位于第<位置>位的单个字符的 ASCII 码。

    3.indexOf() 用法：<字符串对象>.indexOf(<另一个字符串对象>[,<起始位置>])；该方法从<字符串对象>中查找<另一个字符串对象>（如果给出<起始位置>就忽略之前的位置），如果找到了，就返回它的位置，没有找到就返回“-1”。所有的“位置”都是从零开始的。

    4.lastIndexOf() 用法：<字符串对象>.lastIndexOf(<另一个字符串对象>[,<起始位置>])；跟 indexOf() 相似，不过是从后边开始找。

    5.split() 用法：<字符串对象>.split(<分隔符字符>)；返回一个数组，该数组是从<字符串对象>中分离开来的，<分隔符字符>决定了分离的地方，它本身不会包含在所返回的数组中。例如：‘1&2&345&678’.split(‘&’)返回数组：1,2,345,678。

    6.substring()用法：<字符串对象>.substring(<始>[,<终>])；返回原字符串的子字符串，该字符串是原字符串从<始>位置到<终>位置的前一位置的一段。

    7.substr()用法：<字符串对象>.substr(<始>[,<长>])；返回原字符串的子字符串，该字符串是原字符串从<始>位置开始，长度为<长>的一段。

    8.toLowerCase()用法：<字符串对象>.toLowerCase()；返回把原字符串所有大写字母都变成小写的字符串。

    9.toUpperCase()用法：<字符串对象>.toUpperCase()；返回把原字符串所有小写字母都变成大写的字符串。

   10.match(regexp):匹配一个正则表达式。

&javascript与html交互

事件：

1、 窗口事件(Window Events) 

     prompt（）显示可提示用户输入的对话框。

     setTimeOut（）在指定的毫秒数后调用函数或计算表达式。 

     open（）打开一个新的窗口。

     onload()  当文档被载入时执行。

     onunload() 当文档被卸载时执行。

2、表单元素事件 (Form Element Events)

3、鼠标事件

4、键盘事件

对象：

1、Document对象：

2、Windows对象：

3、Form对象

Form方法：

1、reset（）把表单的所有输入元素重置为它们的默认值。

2、submit() 根据表单的action和method提交页面。

4、Button对象

Button方法：

1、

click() 点击按钮触发的事件。

2、

focus()设置按钮的焦点。

Select对象：

1、options[] 选项的数组

2、selectedIndex 选中的选项序号

3、

length  选项的个数

4、size 可见的选项个数

5、Select 特殊方法：add()加一个选项，

Remove()删除一个选项

6、index 序号

7、selected 设置或者查看该选项是否被选中

8、text 设置或者查看选项的文本值

9、value设置或者查看选项代表的值

history对象和location对象：

1、History包含着你的浏览器访问过的URL的记录列表.

2、History对象使你能利用 window.history.back()和window.history.forward()在列表各项记录中来回切换。back
的功能和你的浏览器上的back按钮的作用是一致的。

3、 History 属性：

    length 当前历史记录的条数

4、history方法：

   back（） 后退

   forward（）前进

   go（）到第几个页面

5、 location

  href 设置当前窗口的URL

总结自：培训教材PPT