javacript 常用方法

Posted 2020-06-24

1.打印方式      

1.1 alert("aaaa");

1.2  console.log("aaaa");

2. 类型  

2.1.字符串 string

2.2 数值 number

2.3 布尔  boolean

2.4 未定义的 undefined

3.运算符

3.1 + 加 

3.2  - 减

3.3  * 乘

3.4  / 除

3.5 %求余数（保留2位小数）

3.6 ++ 递增

3.7 -- 递减

4. 比较运算符

==	等于	x==8 为 false
===	全等（值和类型）	x===5 为 true；x==="5" 为 false
!=	不等于	x!=8 为 true
>	大于	x>8 为 false
<	小于	x<8 为 true
>=	大于或等于	x>=8 为 false
<=	小于或等于	x<=8 为 true

5. 逻辑运算符

&&	and	(x < 10 && y > 1) 为 true
||	or	(x==5 || y==5) 为 false
!	not	!(x==y) 为 true

 

6.DOM元素的获取

 

根据ID获取对象：document.getElementById(ID);
根据tag获取对象数组：document.getElementsByTagName("p");
根据name获取对象数组：document.getElementsByName(NAME);

7.常用事件

 

属性	当以下情况发生时，出现此事件	FF	N	IE
onabort	图像加载被中断	1	3	4
onblur	元素失去焦点	1	2	3
onchange	用户改变域的内容	1	2	3
onclick	鼠标点击某个对象	1	2	3
ondblclick	鼠标双击某个对象	1	4	4
onerror	当加载文档或图像时发生某个错误	1	3	4
onfocus	元素获得焦点	1	2	3
onkeydown	某个键盘的键被按下	1	4	3
onkeypress	某个键盘的键被按下或按住	1	4	3
onkeyup	某个键盘的键被松开	1	4	3
onload	某个页面或图像被完成加载	1	2	3
onmousedown	某个鼠标按键被按下	1	4	4
onmousemove	鼠标被移动	1	6	3
onmouseout	鼠标从某元素移开	1	4	4
onmouseover	鼠标被移到某元素之上	1	2	3
onmouseup	某个鼠标按键被松开	1	4	4
onreset	重置按钮被点击	1	3	4
onresize	窗口或框架被调整尺寸	1	4	4
onselect	文本被选定	1	2	3
onsubmit	提交按钮被点击	1	2	3
onunload	用户退出页面	1	2	3

 

8.获取非表达和按钮元素 如 div  p  a  span等标签 

var oBox = document.getElementById("aaa");

//获取元素

var data =oBox.innerhtml；

//修改

oBox .innerHTML("ddd");

 

9.获取input

 

var input= document.getElementById("aaa");

//获取input值

 

var data =input.value；

input.value="bbbbb";

 

 //获取和设置自定义标签的值

getAttribute(‘alt‘)

setAttribute(‘alt‘)

//获取自适应的高和宽

var vw =document.doucmentElemnet.clientWidth || document.body.clientWidth;

var vh =document.doucmentElemnet.clientHeight || document.body.clientHeight;