免费网站域名查询_宁波seo软件_有哪些推广平台和渠道_茂名百度seo公司

今天还是讲一些基本的js知识点。

知识点：

html + css ：框架结构 + 样式修饰
javascript：行为交互，动态效果。有逻辑的语言。动态脚本语言。无需编译，解释执行。
寄生在网页上执行。浏览器内核自带js解释器。

js引入三种方式：
1。行内js：只能作用于行内，基本上用于触发事件。耦合度高。不适合写编写大量的js。

2。页内js：只能作用于当前页面。使用比较常见。

3。引入外部js：任何页面，可以根据需要引入。

语法：
ecmascript(js语法) + DOM(文档对象模型) + BOM(浏览器对象模型)
基于ecmascript 2015，即 es 6。里程碑更新。

1.常量变量，控制台输出。
2.数据类型。
2.1 基本数据类型：number boolean string null undefined symbol
string：使用单引号和双引号，必须成对出现。
number：内部使用双精度处理。
boolean：有两个值，true和false
null：只有一个值，null。
undefined：只有一个值，undefined。
2.2 引用类型。

3.运算符：
3.1 算术运算符：+ - * / %。js没有整除。
3.2 比较运算符：> < >= <= == !=，运算结果是boolean值。
3.3 逻辑运算符：&& || !。运算结果是boolean值。
3.4 赋值运算符：= += -= *= /= %=
3.5 位运算符：& | ! ~ << >>
3.6 其它运算符：条件运算符，typeof

4.表达式、语句。语句后的分号可省。

5.流程控制。
顺序、选择和循环。

6.数组。数组是万能数据结构。
数组是引用类型。

如何遍历数组？

高阶函数：
函数的参数或返回值依旧是函数。

7.函数。一等公民。
参数支持默认值。
参数也支持不定长。

8.对象。
对象：键值对的集合。键只能是字符串，或symbol。值可以是任意类型。

访问对象的值：
obj.xxx
obj["xxx"]

函数是对象。
对象如何而来？new 函数调用。

原型。

================================
==比较内容，类型进行自动转换
===同时比较内容与类型。恒等于，完全等于

基本数据类型的包装类。装箱和拆箱。
number -> Number
string -> String
boolean -> Boolean

===============================
DOM：Document Object Model ，文档对象模型。
将html文档中的每个元素都视作一个对象。

如何获取dom对象？
1.document.getElementById("aaa");
2.document.getElementsByTagName("h1");
3.document.getElementsByClassName("a");
4.document.getElementsByName("aa");

重要：
1.document.querySelector("css选择器"); //返回第一个匹配的元素
2.document.querySelectorAll("css选择器");//返回所有匹配的元素

NodeList ：类数组。

删除dom：
1.dom对象.remove();//移除自身
2.父对象.removeChild(子对象);

插入dom：
1.par.appendChild(chi); //追加到par的所有子元素之后
2.par.insertBefore(chi,tar);//插入一个子元素chi到tar的前面。

修改dom：
1.修改dom内容：dom.innerText = "xxxx"
2.修改dom内联样式：dom.style.xxx = "Xxx"

四向遍历：
1.向上，找祖先元素：dom.parentElement
2.向下，找后代元素：dom.children
3.向前，找兄元素：dom.previousElementSibling
4.向后，找弟元素：dom.nextElementSibling

事件处理：
1.在标记上，指定onxxx属性，来注册事件。
2.dom.onxxx = function(){
//do something....
}
前两种本质为同一种。onclick值为唯一的。
3.推荐：dom.addEventListener("xxxx", function(){});
此种方式添加的事件与onclick添加的事件不冲突。
可以同时添加多个事件。多个事件互相不影响。

移除事件：
1.dom.onclick = null;
2.dom.removeEventListener("xxx",事件处理函数名称);
必须有函数名。

常用事件类型：
1.click：单击事件。鼠标，或键盘都可以触发。
2.dblclick：双击事件。
3.contextmenu：右键事件。
4.键盘相关事件：
keyup：键弹起，释放。只会触发一次。
keydown：键按下。如果键在按下状态，则持续触发。
keypressed：按下并释放。
4.鼠标相关事件：

原本都是周一考试，给挪到今天了，贴一下题目：