- 网页特效原理:javascript就是修改样式。
- 事件:用户操作。(比如鼠标移入移除)
- 没有获取class这个方法,只有GetElementById,GetElementsByName,GetElementsByTagName这几个。同时,注意后面两个是Elements是复数s。
- js编写流程
(1)布局:HTML+CSS
(2)属性:确定修改哪些属性(比如,display)
(3)事件:确定用户做哪些操作(比如,鼠标移入移出)
(4)编写JS: 在事件中,用JS修改页面元素的属性 - js函数其实就像css的类或者Id。先在文件中写好样式,在需要用到的地方添加进去就行了。
- 重用:重用就是将常用的,或者可复用的东西整理起来。比如最简单的,设置变量就是方便重用(你不能每次用到那个对象的时候都获取一次吧)
- 赋值要用单引号,不要用双引号。(比如,mydiv.style.width='300px')
- 变量:其实就相当于,别名。
- 网页换肤其实就是加载不同的样式文件(通过js控制link的href属性改变链接文件)
- 任何标签都可以加id,包括头部的<link>标签,甚至<html>标签。同时,任何标签的任何属性都可以用js修改,比如<link href="">里的href属性。
- html里属性怎么写,js里就怎么写(比如,html里<input value="abc" >,js里myinput.value="abc")。但是只有一个例外,那就是class,当你添加class的时候,不能直接写,mybox.class='tored',因为class是js关键字。所以要写成className. 正确写法:mybox.className=tored'
- 下拉菜单显示、隐藏效果。要求,点击显示,再点击隐藏。实际上很简单,根据js编写流程:布局:一个div;属性,改变display属性;事件:按钮的onclick事件;js编写:利用if语句判断当前display的值,改成none或者block即可。
- 小结:写JS很关键的是思路,理清思路,解决问题就有条理。养成写注释,写步骤和思考思路的习惯。(比如js编写流程就是一种思路)