1 JavaScript书写位置
(1)行内:写在标签的属性里,这个属性必须是事件属性,不推荐使用
(2)内嵌:在HTML文件中,放在script标签里<script type="text/javascript">js代码</script>
(3)外链:在单独的js文件里,在HTML文件中,通过script的src属性引用到页面中<script type="text/javascript" src="js文件路径"></script>
2 元素定位和样式设置
元素定位:
(1)document.getElementById(目标标签的id属性值)
(2)document.getElementByName(目标标签的name属性值)
(3)document.getElementByClassName(目标标签的class属性值),多元素查找,查找到的是页面中的一组元素,如果想访问单个元素,需要通过 [元素下标] 来实现,下标从0开始
元素定位后样式设置:
查找到元素后,通过英文的点号来选择对应的样式进行设定。如:
document.getElementById('div1').style.width='800px';
3 变量
(1) 定义:var 变量名
(2)变量命名规则:由字母、数字、下划线、$构成,不建议使用中文,变量名不能以数字开头,不能和js中的关键字相同。
(3)用途:通常用以记录查找到的元素,方便后续进行使用和样式设置。如:
$_blm = document.getElementById('div1').style;
$_blm.width = '800px';
4 事件
事件的3要素:
(1)事件源:定位到的某个页面元素
(2)事件类型:表示如何操作该元素时会发生该事件
(3)匿名函数:定义事件发生时的处理动作
事件:
(1)单击:onclick
(2)双击:ondbclick
(3)鼠标移入:onmouseover
(4)鼠标移出:onmouseout
(5)window.onload事件:当元素都加载完毕后再执行js代码(HTML文件由上至下执行,若js代码放在元素定义之前就会出现问题)
5 innerHTML属性
作用:设置或返回开始和结束标签之间的HTML
元素.innerHTML = ‘元素中html的显示内容’
6 自定义函数
function 函数名(){
js代码
}