JS基础学习

续上篇JS相关知识

算术运算符：

typeof :获得一个值的类型，该值以字符串的形式返回

先转字符串，再拼接

“+”：可对两个值进行加法运算，并将结果返回；

对字符串加法会拼接；

a++：等于原变量a的值

++a:等于自增后的新值

if语句

• if（条件判断）{

  循环体语句

  }

• if语句、switch语句、for循环、while循环、do-while循环（同java）

键盘输入

• prompt()可弹出一个提示框，提示框里会有一个文本框,用于键盘输入。返回值是String类型的

函数：Function

引用一个函数=调用函数（执行函数内的语句）

1. 函数声明：

   function 函数名（[形参1，形参2…形参N]）{

   ​ 语句…

   }

2. var 函数名 = function（[形参1，形参2…形参N]）{

   ​ 语句…

   }

3. 调用函数时解析器不会检查实参的类型及数量，若实参数量少于形参数量，则对应实参的的形参将是undifined

函数的返回值

​ 语法：

• return 值（任意类型的值）
• return 后的值作为函数的执行结果返回
• return后的语句都不会执行
• return后不跟任何值就相当于返回一个undefined,不写也同样返回undefined

对象

1. 创建对象：var obj = new Object(); new关键字调用的函数是构造函数constructor

2. 使用特殊属性名：对象[“属性名”] = 属性值

3. in 运算符

   可以检查一个对象中是否含有指定的属性，有则true,否false

   格式：“属性名” in 对象

DOM

1. Document（文档）：表示整个HTML网页文档
2. Object （对象）：表示将网页中的每个部分都转换为了一个对象
3. Model（模型）：表示对象之间的关系，以便获取对象

eg:

<button id="btn">我是一个按钮</button>

//获取button对象
var btn = document.getElementById("btn");
//修改按钮中的文字
btn.innerHTML = "I'm Button";

innerHTML用于获取元素内部的HTML代码

若读取元素节点属性：元素.属性名

节点（Node:构成HTML文档最基本的单位）

网页中的每个部分都可看作一个节点。

• 常用四类

事件

文档或浏览器窗口中发生的一些特定的交互瞬间，JavaScript与HTML之间的交互是通过事件实现的

<button id="btn">我是一个按钮</button>

var btn = document.getElementById("btn");
btn.ondblclick = function(){
	alert("点击成功！");
			}

• onclick:单击某对象时调用的事件句柄
• ondblclick:双击某对象时调用的事件句柄
• onmousemove:鼠标被移动

文档加载

• 代码自上而下地读
• js代码编写到页面下部就是为了可在页面加载完毕以后再执行js代码
• 如果想要将js代码写上面并在页面加载完成之后触发，需：

window.onload = function(){

将js代码全部写在这里

}

剪裁溢出的内容：overfloat:hidden;

定时器

• setInterval()：定时调用；参数：回调函数，每隔一段时间被调用一，调用时间间隔单位 ms
• 返回值：返回一个Number类型的数据
• clearInterval()可用来关闭一个定时器

id和class区别

1、在CSS文件里书写时ID加前缀“#”；Class用“.”

2、id一个页面只可以使用一次；class可以多次引用。

3、ID是一个标签，具有唯一性，用于区分不同的结构和内容；而class可以在不同的结构内容里反复引入。 目前浏览器还都允许用多个相同的ID，在css中能够正常显示，不过当你需要用JavaScript通过id来控制标签时就会出错。

下周计划

完成考核页面，并复习css、js相关知识。