前端三架马车之Javascript
一直以来学习JS总是断断续续,用到了啃一块,没有一个系统的学习过程。今年3月份的时候,打算完整的学习一下,给自己充一下电。所以就有了下面的一系列的学习笔记。
Day1
1、浏览器里面的javascript是干什么的?
通俗点说其实就是实现浏览器的一些功能,最主要的就是修改样式,而且修改的还是行间样式。
2、再来说说一直说的事件,简单点就是用户的操作,像鼠标的点击、滑入、滑出等等。
onclick/onmouseover/onmouseout/onmousemove/…
3、alert也是很有用的一个函数,暂停后续代码的执行,等待用户的确认,用于代码调试。
4、js常用的自然就是抓取对象了
document指的文档,也就是整个页面,document.getElementById(‘id属性名’);
eg:document.getElementById(‘div1′).style.display=’none’;
5、关于单引号还是双引号的问题
一般我是在html结构里面使用双引号,js里面使用单引号,当然双引号和单引号都是可以通用的,只要不是一单一双使用就可以喽,
另外注意单双内外错开使用。
6、对于JS来说,任何元素都可以添加事件,任何CSS属性都可以修改。
html属性名=值
就算是link标签也可以给id属性
7、什么是函数?
- 函数就是包了一堆代码的代码块
- 函数申明的基本写法: function 函数名(){JS代码}
- 函数名()就是调用,函数名注意不要重名会引起冲突,定义了函数以后,不调用,函数里面的代码就不会执行。
- 函数如果没有定义,但是调用了就会报错…not defined
- 函数可以一次定义,多次调用,非常方便。
8、什么是变量?
变量就是一个别名,用来存放数据的。
var 变量名=值
变量使用非常的方便,可以减少代码的体积并且便于修改。
9、关于错误
xxx of null 对象抓取失败
xxx not defined 没定义(变量没有,搞了一个a变量,用的b)
10、关于class和style
元素.className=值
style获取和修改的都是行间样式
元素.style.属性名=值; 修改 | 元素.style.属性名; 获取
对于同一个元素,不要同时使用class和style,尽量可以使用class。JS直接添加删除就可以完成效果了。
11、CSS优先级 浏览器默认<标签属性<*<tagname<class<id<style<important