BOM和DOM的区别

1.BOM: 浏览器对象

a.window对象, 全局函数 setInterval setTimeout, onload
	alert();//提示信息弹出框
	confirm()://提示信息框(具有确定和取消按钮),当你点击确定时返回true,当你点击取消时返回false
	prompt()://可以输入信息的提示框(具有确定和取消按钮),当你点击确定时,返回您输入的信息
			当你点击返回时,返回null

b.navigator: 导航
c.screen:屏幕对象
d.history:浏览记录对象
e.location:当前浏览的网页地址

2.DOM 文档对象模型

Document对象中的方法

  1. 获得元素

    getElementById() 通过id属性值获得元素(整个HTML文档id位置)

    getElementsByName() 通过name属性值获得所有元素(整个HTML文档中name可能相同)

    getElementsByClassName() 通过 class属性值获得所有元素

    getElementsByTagName() 通过标签名获得所有的元素

  2. 创建

    createElement() 创建指定名称的元素
    createTextNode() 创建指定内容的文本节点

  3. 创建属性

    childNodes,获得所有的子节点
    nodeName, 返回节点名称。(标签名)
    nodeType, 返回节点类型。(元素、属性、文本 等)
    nodeValue, 节点的值。(只有文本节点才有该属性)\

    appendChild(子元素)给元素/标签对象,添加子元素
    insertBefore(子元素,兄弟元素) 给当前元素前追加兄弟元素
    insertAfter(子元素,兄弟元素) 给当前元素后追加兄弟元素
    setAttribute(k,v) 给元素设置属性

    全局函数:都是在window下 可以直接调用
    parseFloat();把字符串解析成小数 从第一个不能转化处停止转化
    parseInt();把字符串解析成整数
    他们的返回值都是number
    eval(): 执行js代码

var num = "12a.7";
parserInt(num);  //返回12

var num = "y888";
parserInt(num);  //返回NAN

var num = "12.w1";
var num = parseFloat(num);
alert(num);  //返回12
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值