传说中的javascript复习资料

写这个其实是今天我想偷个懒,因为有妹子跟我说下周她们就考试了……

关于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标签)。

其他都是一些细节的方法和使用了。

以上都是个人偷懒的一些总结和回顾,一方面自己温习一遍,毕竟不常用了,另一方面希望对别人也是可以有用处的吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容