js基本语法及注意事项

Posted 2020-09-22 红烧鱼l

正则表达式：
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="..." - 设置文本内容

访问元素节点：
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="aaa.html";<可以给图片，按钮添加函数事件 function press(){location.href="aaa.html"}>