&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( ); //获取日期与时间 (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( ); //获取日期与时间 (2)
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 码。
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对象
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按钮的作用是一致的。
的功能和你的浏览器上的back按钮的作用是一致的。
3、
History 属性:
length 当前历史记录的条数
4、history方法:
back() 后退
forward()前进
go()到第几个页面
5、
location
href 设置当前窗口的URL
总结自:培训教材PPT