第二章 Javascript操作BOM对象

原创 2018年04月16日 20:46:42
1、window对象
浏览器对象模型是Javascript的组成之一。提供了独立于内容与浏览器进行交互的对象。
2、BOM通常实现的功能
弹出新的浏览器窗口
移动、关闭浏览器以及调整窗口的大小
在浏览器窗口中实现页面的前进和后退功能
3、BOM常用的属性
window.属性名="属性值";
例如:
 window.location="https://www.baidu.com";
用来访问网页
4、BOM常用的方法
close()   关闭浏览器
open()    打开一个新的浏览器
setTimerout()  在指定的毫秒内调用函数或计算表达式
setInterval()  按照指定的时间内调用函数或表达式
window.方法名();
window是全局对象,window也可以省略。

window.confirm("返回对话框");
结果返回true就是确定按钮,结果返回false就是取消按钮
例如:
   var fa= window.confirm("确定要删除吗?")
    if(fa=true){
        alert("成功");
    }else{
        alert("失败");
    }
5、alert,prompt,confirm的区别
alert是只有一个参数,就只显示对话框,没有返回值,
prompt是有两个参数,是输入对话框,用来提示用户输入一些信息,有取消和确定按钮
confirm是有一个参数,是确认对话框,显示对话框的消息,结果返回true就是确定按钮,结果返回false就是取消按钮

close()关闭浏览器
语法:
window.close();
open() 打开新的浏览器窗口
window.open("弹出窗口的地址","窗口名称","窗口特征");

6、history和location对象
history对象是实现浏览器中的“后退”功能

history.back()后退按钮;
history.forward()前进按钮;
history.go(1)代表前进一页;
history.go(-1)代表后退一页;

location对象是实现浏览器中的“前进”功能
location.reload()刷新;
location.replace()用新的文档替换当前文档;
location.host()返回主机名和当前URL的端口号;
location.hostname设置或返回当前URL的主机名;
location.href设置或返回完整的URL;

7、.doculement对象
doculement对象是window的一部分,有代表整个HTML。
doculement对象中的getElementByName()方法访问name属性
例如:
function  showinfo() {
    var s="";
    var f=  document.getElementsByName("season");
    for(var i=0;i<f.length;i++){
       s +=f[i].value;
  }
    document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> hhhhh </h1>
<input type="button" value="ffff" onclick="showinfo()" >
doculement对象的getElementById()方法用于访问唯一性的元素
function  show() {
    document.getElementById("tv-1").innerHTML="admin";
}
<h1 id="tv-1"> hhhh</h1>
<input type="button" value="dddd" onclick="show()" >

document对象的getElementTagname()方法用于访问相同标签的元素


function  showinfoTag() {
   var s="";
    var f=  document.getElementsByTagName("input");
    for(var i=0;i<f.length;i++){
       s +=f[i].value;
  }
    document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> hhhh </h1>
<input type="button" value="ggggg" onclick="showinfoTag()" >


8、date()对象
var  dd=new  date();


JavaScript操作BOM对象

1)windows对象        浏览器对象模型(BOM :Browser  Object  Model)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器...
  • qq_41303423
  • qq_41303423
  • 2018-03-26 20:34:03
  • 19

JavaScript的bom对象

JavaScript中的几个BOM对象的介绍
  • jinhuoxingkong
  • jinhuoxingkong
  • 2016-05-24 19:49:42
  • 481

【BOM操作】JavaScript中的event对象之总结

Event属性和方法:  1. type:事件的类型,如onlick中的click;  2. srcElement/target:事件源,就是发生事件的元素;  3. button:...
  • itpinpai
  • itpinpai
  • 2015-08-08 12:32:48
  • 1177

javaScript中的对象、BOM、DOM知识点总结

一、  什么是javaScript对象?         对象是javaScript中最重要的API。         javaScript包含多种对象有:内置对象、外部对象(window对象、dom...
  • hhhhhggggddd
  • hhhhhggggddd
  • 2017-04-13 10:04:51
  • 527

Javascript-BOM对象

BOM编程基础全称 Browser Object Model,浏览器对象模型。JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。为了便于对浏...
  • W_Meng_H
  • W_Meng_H
  • 2018-03-31 16:47:05
  • 12

javascript学习第三天(BOM)操作

1.Bom是浏览器对象模型。全局变量,window声明,window.变量名=值;关键字声明,var 变量名=值 2.window 是浏览器的一个实例,在浏览器中,window对象具有双重角色,它既...
  • sunshinetz
  • sunshinetz
  • 2018-01-11 23:20:25
  • 18

【JavaScript】BOM总结

BOM(browser object model)浏览器对象模型的缩写。 ·        BOM提供了独立于内容而与浏览器窗口进行交互的对象 ·        由于BOM主要用于管理窗口与窗口之...
  • u012331102
  • u012331102
  • 2015-08-14 18:04:20
  • 502

实用JS系列——BOM常用对象

最近在着手项目的时候,意识到自己JS的欠缺。虽然看了不少JavaScript的视频,但真正项目中并不是经常遇到大且难的例子。所以JavaScript的基础还需要再打扎实,也就有了这一系列博客。这一系列...
  • u010066934
  • u010066934
  • 2015-01-15 19:34:57
  • 4394

Javascript之BOM与DOM讲解

一.Javascript组成JavaScript的实现包括以下3个部分:ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 (DOM)处理网页内容的方法和接口浏览器对象模型(BOM)...
  • qq877507054
  • qq877507054
  • 2016-05-13 15:36:09
  • 12653

Javascript之BOM对象

个人理解是,我们知道浏览器显示内容的主要对象是DOM。浏览器除了有显示的内容,还有一个重要的部分就是一个载体,它承载我们看到的内容。好比是一个框架。这个载体对象我们把它叫做BOM。所以,DOM 是属于...
  • wangyongxia921
  • wangyongxia921
  • 2014-03-03 20:57:33
  • 6582
收藏助手
不良信息举报
您举报文章:第二章 Javascript操作BOM对象
举报原因:
原因补充:

(最多只允许输入30个字)