首页 > 代码库 > js基本语法及注意事项

js基本语法及注意事项

正则表达式:
var x=/^a{2,8}$/;
alert(x.test("aaa"));
正则表达式一般用于表单验证。<form onsubmit="return checkForm()"> 如果checkForm()返回false,则阻止表单提

表单提交:表单对象.submit()

 

 

创建数组:var x = new Array();
var arr = [1,2,3,4,5,6,7,8];

arr.length; //数组长度
arr.push(100);//追加元素。

 

json格式对象
var x = {};
var obj = {name:‘张三‘,age:30};
var arr = [{name:‘张三‘,age:30},{name:‘李四‘,age:24},{name:‘王五‘,age:28}];

 

 

事件流
事件流意味着页面上不止一个元素可响应相同的事件。
事件冒泡(IE)。(先响应事件源,再响应父容器)
事件捕获(NetsCape)。(先响应父容器,再响应事件源)
事件处理(FireFox)。事件处理(可以选择先响应父容器,还是先响应事件源)

 

event对象:事件发生时,用于描述事件信息的对象。可以获得鼠标信息和键盘信息
var e;
if(window.event){
e=window.event;
}
else if(arguments[0]){
e=arguments[0];
}
可以通过e.cancelBubble=true(IE)或e.stopPropagation()(firefox)中止事件传播

 

 

 

 

dom操作常见方法
createElement()创建新元素
appendChild() 追加元素
removeChild()删除元素
replaceChild():替换元素
parentNode 父元素
nextElementSibling下一个元素兄弟节点
previousElementSibling上一个元素兄弟节点

获得文本节点
元素节点.firstChild-获取文本节点
textNode.nodeValue="http://www.mamicode.com/..." - 设置文本内容

访问元素节点:
getElementsByTagName(name):得到元素指定标记子元素集合
getElementsByName(name):得到指定name属性的元素集合
getElementById(id):按ID得到元素对象

innerHTML:表示元素中间的文本。在老标准中,table和select不支持。
value属性一般只用于表单元素

改变元素的样式,需要style属性,如果样式中有-,则去掉-,采用驼峰命名法
元素对象.style.backgroundColor="red";
通过style属性操作的是内嵌样式。

改变元素对象的class属性:
<div class="aaa"></div>
对象.className="aaa";


multiple:将下拉框变为列表框,可以选中多个选项。
判断下拉框选项是否选中:selected

判断复选框、单选框是否选中:checked

 

跳转页面
location.href="http://www.mamicode.com/aaa.html";<可以给图片,按钮添加函数事件 function press(){location.href="http://www.mamicode.com/aaa.html"}>

js基本语法及注意事项