关于BOM对象和DOM的一些基础知识点

一.window对象
1.定时器
(1)setTimeout(定时执行)
举例:
setTimeout(
function(){console.info(1)}
,1000);
结果:1s后控制泰输出1;
(2)setInternal(间隔执行)
举例:
setInternal(
function(){console.info(1)}
,1000);
结果:每隔一秒输出一个1;
(3)clearTimeout,clearInterval:
用于清除setTimeout和清除setInterval
(4)递归(自己无限调用自己),如下例子中用setTimeout间隔输出输出“1”:
function func(){
console.info(1);
setTimeout(func,1000);
}
func();

2.弹窗
(1)alert(" "); .....阻塞后面程序
(2) var bool = confirm(" "); .....阻塞后面程序,返回布尔值
(3) var str = prompt(" "); .....阻塞后面程序,返回字符串

3.打开和关闭函数
(1) open():open函数,即弹窗,一般为广告商设计
var baidu = open("http://www.baidu.com");
上面语句表示,一打开页面会自动链接到百度
(2) close():关闭函数,语句表示10s后会自动关闭打开的百度页面
var baidu = open("http://www.baidu.com");
setTimeout("baidu.close()",10000);

4.window.location对象
location.href("http:www.baidu.com")

5.window.history对象
(1)history.back(); ....返回上一个页面
(2)history.forward(); ....进入下一个页面

二.DOM
1.直接获取节点
(1)document.getElementById("id") 根据id获取节点
(2)document.getElementByTagName("div") 根据标签名获取节点
(3)document.getElementsByClassName("class") - 根据类名获取节点。

2.创建节点
(1)createElement("div") 创建div的元素节点。
(2)createTex tN ode("tex t") 创建包含“tex t”的文本节点。
下面例子中分别创建了一个text节点和一个div节点,并把该text,div放入HTML文档中
var textEle = document.createTextNode("你好");
var divele = document.createElement("div");
divele.appendChild(textEle);
document.body.appendChild(divele);

3.增加节点
appendChild(node) 在所有子节点之后添加一个node。
insertBefore(a, b) 在节点b前添加节点a.

4.删除节点
remove(a) 删除节点a

5.替换节点
raplaceChild(new node, oldnode) 把oldnode替换为new node

时间: 2024-12-28 15:38:50

关于BOM对象和DOM的一些基础知识点的相关文章

前端05.js入门之BOM对象与DOM对象。

一.关于BOM对象. BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. 用于操控用户浏览器. 1.window对象: 所有浏览器都支持 window 对象. 概念上讲.一个html文档对应一个window对象. 功能上讲: 控制浏览器窗口的. 使用上讲: window对象不需要创建对象,直接使用即可. 下面是window对象的常用方法: alert()            显示带有一段消息和一

js中的事件 bom对象 dom对象.

3.事件 什么是事件?为什么使用事件? 我们学习事件首先了解一些概念 事件源 事件 监听器 事件源:事件的源头(也就是这个事件是由某某触发的,那么我们就管其叫事件源) 监听器:监听事件发生的组件.那么监听器要想监听事件是否发生,必须注册监听(绑定监听) js中常用的事件 1.onclick 鼠标点击某个对象 我们在开发中一般会对按钮,文本框或radio checkbox等进行onclick操作. 2.onblur 失去焦点 3.onfocus 获去焦点 4.onchange 改变域的内容 针对于

第一百一十三节,JavaScript文档对象,DOM基础

JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口).DOM描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. 一.DOM介绍 DOM中的三个字母,D(文档)可以理解

JavaScript基础16——js的BOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的BOM对象</title> 6 <script type="text/javascript"> 7 // BOM:Broswer Object Model 浏览器对象模型 8 /* 9 navifator 获取客户端(浏览器)的信息 10

JavaScript -基础- 函数与对象(四) BOM 对象

一.BOM对象 BOM游览器对象模型,可以与游览器对话 BOM下Window对象最重要,还有history.location对象 二.Window对象方法 1.alert提示框 2.confirm confirm("hello") 用处: 文件是对否保存 下载是否取消 var ret=confirm(“内容是否保存!”) alert(ret)   //返回值是Ture.False if (ret){ }else{ } 3.prompt输入框 var ret=prompr("h

浏览器内核与BOM对象介绍

BOM(Browser Object Model)对象介绍 我们都知道js有三部分组成,ECMAScript.DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其它浏览器也是风格迥异. 那么BOM和DOM有什么不同呢? DOM是由W3C的制订,所有浏览器共同遵守的标准,描述了处理网页内容和方法的接口:BOM是各个浏览器厂商根据DOM实现与各自浏览器进行交互的方法和接口,表现为不同浏览器定义有差别,实现方式不同. BOM主要处理浏览器容器的框架,不过通常浏览器特定的js扩展

BOM对象,math对象document对象的属性和操作

Math对象 //该对象中的属性方法 和数学有关. abs(x) 返回数的绝对值. exp(x) 返回 e 的指数. floor(x) 对数进行下舍入. log(x) 返回数的自然对数(底为e). max(x,y) 返回 x 和 y 中的最高值. min(x,y) 返回 x 和 y 中的最低值. pow(x,y) 返回 x 的 y 次幂. random() 返回 0 ~ 1 之间的随机数. round(x) 把数四舍五入为最接近的整数. sin(x) 返回数的正弦. sqrt(x) 返回数的平方

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

Jquery对象和DOM对象的区别

1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //j