首页手记 javascript学习笔记-初探JS魅力-1、2

javascript学习笔记-初探JS魅力-1、2

标签：

JavaScript

网页特效原理：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编写流程就是一种思路）