javaScript常用属性等

1.JavaScript嵌入页面的方法

1.嵌入式(内联式)

<script type="text/javascript">        
    alert('ok！');
</script>

2.外链式:（工作中最常用的方法）

<script type="text/javascript" src="js/index.js"></script>

3.行内式(行间事件)

<input type="button" name="" onclick="alert('ok！');">

2.JavaScript条件语句

（1）== 判断值相等
（2）===判断值和类型相等
（3）> 判断大于
（4）< 判断小于
（5）>= 判断大于等于
（6）<= 判断小于等于
（7）!= 不等于
（8）&& 而且
（9）! 或
（10）

if（条件）｛条件成立的代码｝
else｛条件不成立的代码｝
其他格式：	
if（）｛｝else if（）｛｝else｛｝

3.JavaScript循环语句

（1）while循环
格式：while (条件){命令}
举例：

var  i = 0
while(i<3){
	alert(++i)
 } 

（2）for循环
格式：for(初始值；条件；增量){命令}
举例：

for (var i=0;i<5;i++){
	alert(i)
}

4.JavaScript数组

    1.定义数组

实例创建：var 数组名 = new Array(值1，值2，值3……)
直接量创建：var 数组名 = [ 值1，值2，值3…… ]

    2.数组操作方法

（1）获取数组的长度length：返回整数，不改变原数组
格式： 数组名.length 举例：arr1.length
（2）索引：返回数据，不改变原数组
格式： 数组名[index] 举例：arr1[0] 取数组第一个数据
（3）join（）用分隔符合并字符串：返回字符串，不改变原数组
格式：数组名.join( str )
举例：

var arr1 = [1,2,3]
alert(arr1.join('-'))
// 结果'1-2-3'

（4）push()和pop()从数组最后增加成员或删除成员：改变原数组
格式： 增加：数组名.push(值) 返回数组长度
删除：数组名.pop() 返回删除的元素
举例：

var arr = [1,2,3]
arr.push('哈哈')   //此时arr=[1,2,3,'哈哈']
arr.pop()  //此时arr=[1,2,3]

（5）splice()数组中增加或删除成员：返回删除的元素，并且改变原数组
举例：

//把索引2开始往后的1个元素替换为“哈哈”，“呵呵” 
var arr1 = [1,2,3,4]
arr1.splice(2,1,"哈哈","呵呵")
alert(arr1)   // 弹出 1,2,哈哈，呵呵，4

 // 删除从索引2到最后的所有元素
var arr2 = [1,2,3,4,5]
 arr2.splice(2)
 alert(arr2)  //弹出 1，2

（6）indexOf()查找某元素第一次出现的索引：返回整数，不改变原数组
格式： 数组名.indexOf(值）
举例：

var arr = [1,2,3,1,2,3,1,2,3]
alert(arr.indexOf(1))
//弹出 0

（7）反转数组reverse()：返回反转后的数组，并且改变原数组
格式：数组名.reverse（）
举例：

var arr3 = [1,2,3]
 alert(arr3.reverse())  // 弹出3，2，1
 alert(arr3)  //  弹出 3，2，1

5.JavaScript字符串操作方法

（1）+:字符串合并操作:返回字符串
格式： str1 + str2
（2）parseInt():将字符串转换成整数类型：返回新字符串，不改变原字符串
格式： parseInt(str)
（3）parseFloat():将字符串转换成小数：返回新字符串，不改变原字符串
格式： parseFloat（str）
小技巧：toFixed（）可以设置小数点后的位数
举例：

parsenFloat('1.11111').toFixed(2)  // 结果是1.11

（4）substring（）：截取字符串：返回新字符串，不改变原字符串
格式1：str.substring(开始索引，结束索引）：得到开始索引到结束索引-1的字符
格式2：str.substring(开始索引）：得到开始索引到最后的字符
（5）split(): 把字符串按照分割成数组：返回新数组，不改变原字符串
格式：str.split(字符)
举例：
var s1 = ‘a-bc-defg’
alert(s1.split(’-’)) // 弹出a,bc,defg
alert(s1) // 弹出 a-bc-defg
（6）indexOf（）：查找索引：返回索引值，不改变原字符串
格式：str.indexOf(字符)

6.JavaScript属性

1.样式属性

1.innerHTML 标签内容
2.className 类属性
3.style属性（在css基础上采用匈牙利命名规则）
                 （1）fontSize 字体大小
4.clientWidth 网页可见区域宽度
5.clientHeight 网页可见区域高度

2.事件属性

onclick 鼠标点击
mouseover 鼠标划入
mouseout 鼠标划出
举例：

oBtn.onclick = function (){
	alert('ok!');
}

7.JavaScript函数

7.1.定时器

（1）单次：setTimeout(参数1，参数2)
（2）多次：setInterval(参数1，参数2)
参数1：函数形式的命令：可以是匿名函数或函数的调用
参数2：延迟时间，单位毫秒，1000毫秒=1秒
举例：

oBtn1.onclick = function(){
setTimeout(function(){alert("单次")}, 2000)
}
oBtn2.onclick = function(){
setInterval(function(){alert("多次")}, 2000)
 }

7.2.封闭函数

封闭函数格式一：
//  ;(function(){
// function f1(){// 代码}
// f1()
// })()
;;;(function(){
	function f1(){
		alert(2)
        }
	f1()
})()

封闭函数格式二
!function(){
    alert(3)
}()

封闭函数格式三
~function(){
    alert(4)
}()

8.JavaScript正则表达式

（1）正则表达式的写法
参数： g:全文搜索 i:忽略大小写
格式1：var re01 = new RegExp(规则，参数)
格式2：var re01 = /规则/参数
（2）常用函数
正则.test(字符串) 匹配成功，就返回真，否则就返回假
（3）正则表达式匹配规则
普通字符匹配：/a/ 匹配字符 ‘a’，/a,b/ 匹配字符 ‘a,b’
\d 匹配一个数字，即0-9
\D 匹配一个非数字，即除了0-9
\w 匹配一个单词字符（字母、数字、下划线）
\W 匹配任何非单词字符。等价于[^A-Za-z0-9_]
\s 匹配一个空白符
\S 匹配一个非空白符
\b 匹配单词边界
\B 匹配非单词边界
. 匹配一个任意字符
? 出现零次或一次（最多出现一次）
+出现一次或多次（至少出现一次）
*出现零次或多次（任意次）
{n} 出现n次
{n,m} 出现n到m次
{n,} 至少出现n次
[abc123] : 匹配‘abc123’中的任意一个字符
[a-z0-9] : 匹配a到z或者0到9中的任意一个字符
^ 以紧挨的元素开头
$ 以紧挨的元素结尾