JavaScript常用代码总结

版权声明:原创文章 转载注明出处 https://blog.csdn.net/ssd21988/article/details/86550007

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,说明有英文字母或数字。

在这里插入图片描述

笔记图

焦旭涛 2019-01-20

猜你喜欢

转载自blog.csdn.net/ssd21988/article/details/86550007