写这个其实是今天我想偷个懒,因为有妹子跟我说下周她们就考试了……
关于js要知道的第一件事情,首先JS是一门脚本语言,脚本语言是啥?脚本语言本身不可以编写操作系统或者更加底层,更加复杂的程序,它只能在一定环境下,调用底层的API接口来实现响应的功能。一种带有描述性质的语言,用来通知底层程序作出相应的动作。js如此,php,python也是如此。js调用的是浏览器或者nodejs提供的环境的功能,而php或者python调用的是他们本身使用C语言编写的解释器。
如何快速的使用javascript的使用环境,如果你有chrome或者360极速浏览器,总之是chromium开发的浏览器ctril+shift+j可以弹出控制台,直接在这里写js代码就可以实时操作了。
回到JS,JS一般情况下是写在HTML里面的,那么一般的网站它的HTML的结构是怎么样的?
大概就是上图的样子10行代码,是一个HTML的基本结构。
第1行:声明这个文件是html文件,就是告诉浏览器我是html文件。因为有的浏览器可以打开视频、PDF、甚至office的一些文件。所以这个声明是十分重要的。
第2行和第10行:是互相呼应的,html标签。用于标记html标签使用的范围。
第3和6行:head标签,用于填写一些不希望被用户看到的标签内容,比如引用javascript使用的script以及引入css的link标签。
第7和9行是:body标签用于填写内容用的。中间的H1是标题作为内容的案例。
考试的时候要是要求针对某个元素比如一个表格,一个div或者一个p标签应用一些css或者js就要先填写上面的内容。如果完全不会,至少先把框架写上去,混个分。
上课的时候老师大概都讲了个啥?
基本语法,数组,对象与方法,条件判断与循环,函数,选择器(比较重要),事件。大概就这7个基本内容,再高深点两天学不完。
基本语法
var用来声明变量后面就是创建一个变量X,把1赋值给X。声明变量的时候一定要用var,为什么呢?因为javascript有很多设计缺陷,如果不使用var声明变量你会发现运行的时候回出现很多错误。
关于数组
纯数学知识,我相信你们数学肯定都比我的好。这样就创建了一个数组。记得所有的语句结束了一定要有分号。不然会出错。
关于对象和方法
javascript的对象是一个无序的集合数据类型,它由很多键值组成,举个例子,比如小明,这个人是对象,淘气的小明,淘气的就是小明的一个属性或者键值。
javascript宣称一切都是对象,当然其实是大部分都是对象。简单了说就是上面数组的例子 arr本身就是一个对象。
在我们使用arr.length的时候就是在读取这个数组的长度,返回结果是3.以上肯定看了一头雾水,但是值得高兴的是这些都不会考。不过你一定到知道的,是一个对象后面如果有一个点点后面是个英文单词,那么就是这个对象在调用这个英文单词的方法。
重要的是,英文单词的方法有很多,你要尽可能的记忆,考试的时候保不准就让你对一个元素变换个颜色什么的。可能都会用到这个东西。
什么是方法?
比如小明打开矿泉水瓶的方法是扭瓶盖,扭瓶盖的这个过程就是方法。arr.length就是arr使用了计算数组长度的方法length。我想考试当中一定有类似的知识点。
条件判断和循环
js的条件判断if...else
上面是一个计算年龄的例子,要先声明变量。if后面跟括号,括号里面是条件。大括号后面跟上判断结果的函数。
循环
循环使用for语句循环,for后面跟括号,括号里面第一个参数是循环变量,第二个是循环结束条件,第三个是循环递归条件。后面大括号是循环的程序。
上面这个例子是计算从1加到10000的总和,这个还是挺重要的,稍稍变化就可以变成计数器,计数器就是一下一下的数数,计数器可以用来遍历这个数组内的内容。还能完成一些人类完成不了的事情。总是我感觉会考。
函数
函数使用function进行定义,function后面跟函数名字,就是下面例子的abs函数名后面的括号是传入函数的参数大括号就是函数执行的程序。
函数没什么,比较基础了,关键是函数里面的逻辑如何写就需要去看书了。
选择器
恩,这个十分重要,不会这个没得玩了。选择器好几种,至少会id选择器,比如下面的这个。只有选择到这个元素,你才可以将这个元素绑定到对象上,然后才能进行其他操作。
事件
事件就是用户和浏览器元素交互之后会发生的事。
比如上面这个例子,点击h1里面的文本的时候,会触发onclick事件,触发changetext函数,changetext函数需要传入一个参数,就是标签的ID,这个标签的ID会使用一个innerHTML的方法,这个方法是向元素内插入文本。下面h1标签内的changetext(this)这个this指的是当前标签元素就是H1,然后把h1传入changetext函数,将当前的这个H1的内容进行变换。(因为使用了this所以是当前的这个H1标签)。
其他都是一些细节的方法和使用了。
以上都是个人偷懒的一些总结和回顾,一方面自己温习一遍,毕竟不常用了,另一方面希望对别人也是可以有用处的吧。