JavaScript常用代码总结
在初学JavaScript时积累不少的js代码块(脑子记不住)
在这里给大家分享一下,也顺便当做保存
可能有点乱,可以自己再梳理总结一下
js特殊字符
\b 退格字符 \f换页符 \n换行字符 \r回车字符 \t制表符tab \’转义 空格 \0
常用代码总结
提示框 alert(); 选择框 confirm(); 对话框 prompt();
加载事件 window.function(){};
输出到网页 document.write("sadfsbd")
控制台输出 console.log();
获取可视高度 window.innerHeight;
指定滚动位置 window.scrollBy(100,100);
打开新窗口 window.open()
关闭窗口 window.close()
ID获取元素 document.getElementById('id');
Class获取元素 document.getElementsByClassName('class');
获取值 .value 更改元素内容 .innerHTML
更改属性 .src 更改样式 .style.
点击事件 .onclick 加载事件 .onload
鼠标移入 .onmouseover 移出 .onmouseout
焦点事件 .onfocus 文本输入改变 .upperCase
获取长度 .length
窗体变化 window.onresize=function(){}
滚轮移动值 event.wheelDelta
创建数组 var cars=new Array(“Saab”,“Volvo”,“BMW”);
创建对象 var person={firstname:“John”, lastname:“Doe”, id:5566};
查找指定字符位置返回数字 .indexOf()
查找指定字符找到返回当前字符 .match()
替换字符 .replace(" “,” ")
大小写转换 大 toUpperCase() / 小toLowerCase():
分割 .split()
四舍五入 Math.round(4.7)
提取字符串中指定数目的字符 .substr(2);
转换int alert( Number(str1) )
返回随机数0-1 Math.random(); 0-11随机数
嵌套页面调用主页面方法 window.parent.fxdh();
循环计时器
setInterval(function(){alert(“Hello”)},3000)
停止执行 clearInterval();
一次性计时器
setTimeout(function(){alert(“Hello”)},3000);
停止执行 clearTimeout();
新增HTML元素
var para=document.createElement("p");
//创建一个文本节点**
var node=document.createTextNode("This is a new paragraph.");
para.appendChild(node);
//向元素追加文本节点**
var element=document.getElementById("div1");//找到一个已有的元素:
element.appendChild(para);//在元素后添加新元素
删除HTML元素
var child=document.getElementById("p1");//找到要删除的元素
child.parentNode.removeChild(child);
//找到删除元素的父元素 移除子元素
var parent=document.getElementById("div1");//通过ID找到div
var child=document.getElementById("p1");//通过ID找到P1
parent.removeChild(child);//从父元素删除子元素
判断文本内容类型
• var p = /[0-9]/; var b = p.test(string); //true,说明有数字。
• var p = /[a-z]/i; var b = p.test(string); //true,说明有英文字母。
•var p = /[0-9a-z]/i; var b = p.test(string); //true,说明有英文字母或数字。