小白之旅18

JS

一. 什么是JS

JavaScript,是web上的一种功能强大的脚本语言,用于开发交互式的web页面,

它也无需编译,直接嵌入在html中,由浏览器解释运行。

二. JS的引入

  • 内嵌式:在head中的script标签中写代码
  • 内联式:定义.js文件,在head中的script标签中的src中引入

三. 语法

3.1 变量的定义

1、先定义后赋值

var 变量名;

变量名 = 值;

2、定义的同时赋值

var 变量名 = 值;

3.2 变量的命名规范

  • 不能与关键字重名,如:function
  • 由数组、字母、下划线组成
  • 数字不能开头

3.3 数据类型

3.3.1 基本类型

1、Undefined,只有一个值,就是undefined。当定义的变量没有初始化就使用时,会出现undefined。
2、Null,只有一个值,就是null,表示一个占位符,undefined实际上就是null派生出来的。
3、Boolean,布尔类型,false、true
4、Number,数值类型,表示任意的数值
5、String,字符串类型,由双引号或者单引号括起来的内容,js中的没有字符类型

3.3.2 引用类型

1、document

2、window

3、location

4、history

3.4 运算符

3.4.1 算数运算符

+、-、*、/、%、++、--

3.4.2 赋值运算符

=、+=、-=、*=、/=、%=

3.4.3 比较运算符

大于、小于、大于等于、小于等于、!=、== 、===

==:比较数值是否相等

===:比较数值和类型是否都相等

3.4.4 逻辑运算符

&&、||、!、^

3.4.5 三元运算符

(条件表达式)?表达式1:表达式2;

3.5 注释

1、单行注释:// 注释内容

2、多行注释:/* 注释内容 */

3.6 函数

定义:

1、function 方法名(参数列表){方法体}

2、匿名函数:对象.事件=function(参数列表){方法体}

调用:

方法名(参数列表);

3.7 返回和参数

3.7.1 参数列表

格式:

function 方法名(变量名){}

注:当某一方法是由某个元素触发时,可以用this表示该元素对象,从而获取此元素中的所有属性值

3.7.2 返回

js的方法中无需指明返回的数据类型,如果方法有返回值,那么直接写在return后即可。

格式:

​ function 方法名(){

​ return 值;

​ }

四. 元素的获取方式

  • getElementById(id值):通过id值获取对应元素的对象
  • getElementsByClassName(class值):通过class值获取所有指定class元素组成的数组
  • getElementsByName(name值):通过name值获取所有指定name元素组成的数组
  • getElementsByTagName(标签名):获取所有指定标签所组成的数组

五. 使用js设置css

格式:

元素对象.style.具体样式 = "值";

注:

  • css中的一个单词的样式,使用js调用时可以直接调用,例如:对象.style.color = "red";

  • css中多个单词连接的样式,在js中需要以小驼峰的形式调用,例如:对象.style.fontSize = "20px";

猜你喜欢

转载自www.cnblogs.com/demonycw/p/11329495.html