JavaScript基础

 1. document.querySelector()

定义和用法

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

语法：document.querySelector(CSS selectors

参数值

参数	类型	描述
CSS 选择器	String	必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。 对于多个选择器，使用逗号隔开，返回一个匹配的元素。

查找HTML元素的方法：

方法	描述
document.getElementById(id)	通过元素 id 来查找元素
document.getElementsByTagName(name)	通过标签名来查找元素
document.getElementsByClassName(name)	通过类名来查找元素

JavaScript鼠标事件

鼠标事件（Mouse Events）

通过鼠标触发事件, 类似用户的行为:

属性	值	描述
onclick	script	当单击鼠标时运行脚本
ondblclick	script	当双击鼠标时运行脚本
onmousedown	script	当按下鼠标按钮时运行脚本
onmousemove	script	当鼠标指针移动时运行脚本
onmouseout	script	当鼠标指针移出元素时运行脚本
onmouseover	script	当鼠标指针移至元素之上时运行脚本
onmouseup	script	当松开鼠标按钮时运行脚本
onmousewheel	script	当转动鼠标滚轮时运行脚本
onscroll	script	当滚动元素的滚动条时运行脚本

2JavaScript-函数

函数有三种定义方法：

函数定义语句

函数直接量表达式

Function构造函数

函数有四种调用模式：

函数调用模式（通过函数调用）

方法调用模式（通过对象属性调用）

构造函数模式（如果是作为构造函数来调用，那么this指向new创建的新对象）

函数上下文（借用方法模式：它的this指向可以改变，而前三种模式是固定的）；
函数上下文就是函数作用域；基本语法：apply 和 call 后面都是跟两个参数。）

在javascript函数中，函数的参数一共有两种形式：（实际参数与形式参数）
形参：在函数定义时所指定的参数就称之为“函数的形参”。
实参：在函数调用时所指定的参数就称之为“函数的实参”。

1、函数定义:JavaScript 函数是被设计为执行特定任务的代码块。

2、JavaScript 函数语法

JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。

函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。

function name() {

    要执行的代码

}

3、函数调用

       函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

       第一种情况:在<script>标签内调用。

       第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

       <input type="button" value="click it" οnclick="add2()">

4、有参数的函数

       function 函数名(参数1,参数2){

               函数代码;

       }

       注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。

       function add2(i,j){

          sum = i + j;

          document.write(sum);

       }

       add2(3,34);//函数调用

5、返回值的函数

       function add2(i,j)

       {

          sum = i + j;

          return sum; //返回函数值,return后面的值叫做返回值。

       }

       var result=add2(44,67);

       注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

运算符

算术运算符：主要是用来进行JavaScript中的算术操作。（+、-、*、/、%、++、--）
赋值运算符：=用于给JavaScript 变量赋值，其作用就是把右侧的值赋给左侧的变量。
关系运算符：用于进行比较的运算符。主要有小于（<）、大于（>）、等于（==）、大于等于（>=）、小于等于（<=）、不等（!=）、恒等（===）、不恒等（!==）。
逻辑运算符：逻辑运算符通常用于布尔值的操作，返回结果是一个布尔类型，一般和关系运算符配合使用，
有三个逻辑运算符：逻辑与(AND)、逻辑或(OR)、逻辑非(NOT)。
字符串连接运算符：是用于两个字符串型数据之间的运算符，它的作用是将两个字符串连接起来。
在JavaScript中，可以使用+和+=运算符对两个字符串进行连接运算。
三目操作符（条件运算符）：？ 根据不同的条件，执行不同的操作/返回不同的值。