JavaScript基础知识总结

来源：互联网发布：flash cc mac中文版编辑：程序博客网时间：2024/06/04 00:29

1、鼠标事件有如下这些：
onclick 鼠标点击；onmouseover 鼠标移入；onmouseout 鼠标移开；onmousedown 鼠标按下；onmouseup 鼠标抬起；onmousemove 鼠标移动。
2、变量的命名规则：可以由数字、字母、下划线、$组成；但是数字不能开头。一般习惯有驼峰命名法，如：oDivElem、object、aDiv。
3、通过某些方法得到元素实例var bnt=document.getElementById(‘bnt’);然后可以通过点的形式读取元素的属性。但是要注意：直接写在HTML的自定义属性不能通过点的形式读出来但是可以在JavaScript代码中重新给元素加一个自定义属性并且可以读出来：
bnt.abc=’789’;alert(bnt.abc)
3、innerHTML
a、元素.innerHTML 读这个标签开始到这个标签结束中间的结构，如果有子标签，会解析子标签后以子标签设置好的样式显示出来。
b、innerHTML会重新渲染页面，即可以动态的给HTML加元素或改变元素的样式。
4、不能获取src url background 的值来作为判断条件。
5、JavaScript的数组可以放任何数据类型var arr=[‘abc’,’sd’,’我’,6,’a’,function abc(){},[],{}].
arr.push(数据) 往数组的最后的一项添加数据。
6、getElementsByTagName获取元素

getElementById只能获取一个元素，如果想一次获取同类元素就可以用getElementsByTagName；通过getElementsByTagName得到的数据是一个集合，担不是一个数组，和数组相同的地方只是：能用下标来获取元素：aLi[0] aLi[1] aLi[2]；可以用length获取集合长度：aLi.length；

7、获取和设置元素的样式

<!DOCTYPE html><html><head><metacharset="utf-8"><title></title><style>#div1{width:100px;height:100px;background:red;margin:30px auto; display: none;} </style></head><body><divid="div1"></div><inputtype="button"value="按钮"id="btn"/><script>//div.style.width 读行间里面的样式如果样式写在css里面就读不到//getComputedStyle(元素).属性最好不要获取复合属性有兼容问题var div=document.getElementById('div1');var btn=document.getElementById('btn'); btn.onclick=function(){ div.style.width='200px'; alert(getComputedStyle(div).width) }</script></body></html>

直接写在HTML里的样式可以通过：元素.style.样式属性，来获取，否则就只能通过getComputedStyle(元素).样式属性，来获取。
通过div.style.width=’200px’;设置的样式是相当于直接在HTML加style样式的。

阅读全文

0 0