JS初级二阶段

BOM

1、定时器:setTimeout(定时执行) 、setInterval(间隔执行)

语法:setTimeout(执行内容, 时间量(毫秒));

setInterval(执行内容, 时间量(毫秒));

2、弹出对话框:alert()向用户显示一条消息并等待用户关闭对话框

confirm()也显示一条消息,要求用户单击“确定”或“取消”按钮,并返回一个布尔值

prompt()同样也显示一条消息,等待用户输入字符串,并返回那个字符串

3、打开新窗口和关闭窗口:open函数 、window.close函数

语法:open("https://www.baidu.com", "_self", "");

window.close();

4、访问指定URL(window.location对象) :location.href = "https://www.baidu.com";

DOM

1、定义:JavaScript的控制HTML和CSS的手段,并且使用于任何编程语言。

2、DOM树:文档结构被解析为倒树状。

文档节点 Document - 根节点。

元素节点 Element - 标签。

小结:

文本节点 Text - 标签中的文本或CDataSection内包含的普通文本。

属性节点 Attr - 元素的属性。

3、节点的属性和方法 (常用11个):nodeName String 节点的名字

nodeType 节点的类型常量之一

firstChild childNodes列表中的第一个节点

lastChild childNodes列表中的最后一个节点

childNodes 节点的列表

previousSibling 前一个兄弟节点

nextSibling 后一个兄弟节点

appendChild(node) 将node添加到childNodes的末尾

insertBefore(newnode, refnode) 在childNodes中的refnode之前插入newnode

removeChild(node) 从childNodes中删除node

replaceChild(newnode, oldnode) 将childNodes中的oldnode替换成newnode

4、DOM节点类型的常量和值 (常用3个):元素节点 节点类型值 1 属性节点 节点类型值 2 文本节点 节点类型值 3

5、获取节点:利用节点关系获取节点、直接获取节点

语法:直接获取节点
document.getElementById("id") - 根据id获取节点。

document.getElementsByTagName("div") - 根据标签名称获取节点。

document.getElementsByClassName("class") - 根据类名获取节点。

document.getElementsByName("name") - 根据名称获取节点。

6、 创建的节点 :createElement("div") - 创建div的元素节点。

createTextNode("text") - 创建包含“text”的文本节点。

添加\替换\删除节点。(结合第3条使用)

时间: 2024-10-18 07:57:45

JS初级二阶段的相关文章

JS的二维数组

今天,记录一下JS的二位数组,并附上例题. 一.二维数组的本质:数组中的元素又是数组. 其实,我们都见过这样的二维数组,只不过没在意罢了,例如: var arr = [[1,2,4,6],[2,4,7,8],[8,9,10,11],[9,12,13,15]] //这就是一个二位数组arr[2][3]; // 11 注意:表示第三列第4行所在的元素.角标从0开始 二.下面介绍二维数组的初始化 记住了二维数组的本质,初始化也难不倒我们了.看一下实例 实例一: var arr = [[1,2],[a,

JS学习二

函数作用域和声明提前 var scope = 'global'; function f() { console.info(scope);   //输出undefined var scope = 'local'; console.info(scope);  //输出 local } 上述代码等价于 function f() { var scope; console.info(scope); scope = 'local'; console.info(scope); } 将函数内的变量声明"提前&q

模块管理常规功能自定义系统的设计与实现(21--第二阶段设计目标)

第二阶段设计目标 前面的章节讲了建立单个模块的各种功能,从现在开始要加入若干个具有关联的模块,使其协同工作.我设计了一个简易的销售管理系统,系统的结构如下图所示,从本节开始将逐步的搭建此系统. 在上图中,各模块之间都能通过一定的路径产生联系,而具有关联的二个模块具有直接的关系,例如省是市的父模块,市是省的子模块:客户单位是市的子模块也是省的子模块.这种上下级关系将会是处理的重点.各模块间的关系要明确,不能出现关系不明确或者循环引用的模块,那样权限的设置将会有问题. 例如有如下模块结构: 在上图中

分布式基础之二阶段提交

分布式基础之二阶段提交 二阶段提交(Two Phase Commit)在分布式事务处理中非常常见.它主要用来保证分布式事务处理的一致性,决定事务的提交或回滚.目前二阶段提交广泛应用于关系型数据库的分布式事务处理中,它是分布式系统中的一个常见协议. 需求 为什么要二阶段提交?因为在分布式系统中,每个节点只知道自己的事务是否执行成功了,而分布式系统要求一致性,也就是所有的节点的状态都应该一致.如果某一个事务只在部分节点执行成功,那么势必会导致各分布式节点不一致.二阶段提交就是用来保证要么所有的节点都

mongo shell启动配置文件.mongorc.js(二)

mongo shell启动配置文件.mongorc.js(二) 如果你的主目录下有个.mongorc.js文件,那么当你启动shell时他就会自动运行.使用它可以初始化任何你经常使用的helper方法和你不想意外操作的删除方法. 比如,你不想使用默认的dropDatabase()方法了,你可以在.mongorc.js文件中添加下面的命令: DB.prototype.dropDatabase = function() {        print("No dropping DBs!");

玩转Node.js(二)

玩转Node.js(二) 先来回顾上次的内容,上一次我们使用介绍了Node.js并写了第一个服务器端的Hello World程序,在这个Hello World程序中,请求自带的http模块并将其赋给http变量,然后调用http模块的createServer函数,这个函数会返回一个对象,这个对象有一个叫做listen的方法,而这个方法有一个数值参数,指定这个HTTP服务器监听的端口号,我们当时定义的是8888端口号.那么为什么看起来有些复杂呢?那是因为我们向createServer函数传递了一个

js之二维数组定义和初始化三种方法

方法一:直接定义并且初始化,这种遇到数量少的情况可以用 var _TheArray = [["0-1","0-2"],["1-1","1-2"],["2-1","2-2"]] 方法二:未知长度的二维数组 var tArray = new Array();   //先声明一维 for(var k=0;k<i;k++){        //一维长度为i,i为变量,可以根据实际情况改变

java和js生成二维码

1. java生成二维码 1.1 依赖jar包配置(使用maven依赖) 1 <dependency> 2 <groupId>com.google.zxing</groupId> 3 <artifactId>core</artifactId> 4 <version>3.0.0</version> 5 </dependency> 6 <dependency> 7 <groupId>com.

JS:二维数组排序和获取子级元素

JS:二维数组排序和获取子级元素 1. 二维数组排序 1.按数值排序 1 var arr = [[1, 2, 3], [7, 2, 3], [3, 2, 3]]; 如果我们要按每个子数组的第一列来排序要如何做呢,我们可以定义一个比较函数: 1 arr.sort(function(x, y){ 2 return x[0] – y[0]; 3 }); 这里的比较函数的作用是什么呢?其实是数组依次将数组元素复制给x,y,比如首先将arr[0]赋给x,arr[1]赋给y,然后用x[0] – y[0],根