js操作BOM对象

浏览器对象模型(BOM)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。

BOM通常可实现如下功能:
1.弹出新的浏览器窗口。
2.移动、关闭浏览器窗口及调整窗口的大小。
3.在浏览器窗口中实现页面的前进、后退功能。

windows对象常用的属性

名称

说明   
history有关客户访问过的URL信息
location有关当前URL的信息
screen

只读属性,包含有关客户端显示屏幕的信息

语法
    window.属性名="属性值"

window.location="www.baidu.com"


window对象的常用方法
名称说明
prompt()显示可提示用户输入的对话框
alert()显示一个带有提示信息和一个“确定”按钮的警示对话框
confirm()显示一个带有提示信息、“确定”和“取消”按钮的对话框
close()关闭浏览器窗口
open()打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout()在指定的毫秒数后调用函数或计算表达式
setInterval()
按照指定的周期(以毫秒计)来调用函数或表达式

语法
    window.方法名();

confirm()
弹出一个确认对话框

语法
    window.confirm();
var flag = confirm("确定要删除此条信息吗?");  
    if (flag == true) {  
        alert("删除成功!")  
    } else {  
        alert("取消删除!")  
    }  

close()
用于关闭浏览器窗口

语法
    window.close();


open()

在页面上弹出一个新的浏览器窗口

语法
    window.open("弹出窗口的url","窗口名称","窗口特征");

窗口的特征属性

名称方法
height、width窗口文档显示区的高度、宽度,以像素计
left、top窗口的x坐标、y坐标,以像素计
toolbar=yes|no|1|0是否显示浏览器的工具栏,默认是yes
scrollbars=yes|no|1|0是否显示滚动条,默认是yes
location=yes|no|1|0是否显示地址栏,默认是yes
status=yes|no|1|0是否添加状态栏,默认是yes
menubar=yes|no|1|0是否显示菜单栏,默认是yes
resizable=yes|no|1|0窗口是否可调节尺寸,默认是yes
titlebar=yes|no|1|0是否显示标题栏,默认是yes
fullscreen=yes|no|1|0

是否使用全屏模式显示浏览器,默认是no

history对象与location对象
history对象提供用户最近浏览过的URL列表
名称描述
back()加载history对象列表中的前一个URL
forward()加载history对象列表中的后一个URL
go()
加载history对象列表中的某个具体URL

实例

<a href="javascript:history.back()" onclick="backyet().back()">后退</a> 



location对象提供当前页面的URL信息 重新装载当前页面或装入新页面

location对象的属性

名称说明
host设置或返回主机名和当前URL的端口号
hostname设置或返回当前URL的主机名
href

设置或返回完整的URL

location对象的方法
名称说明
reload()重新加载当前文档
replace()

用新的文档替换当前文档

<a href="javascript:location.href=a.html'">a</a>  

document对象
document对象的常用属性

属性描述
referrer返回载入当前文档的URL
URL

返回当前文档的URL

语法
document.referrer
document.URL

document对象的常用方法

方法描述
getElementById()返回对拥有指定id的第一个对象的引用
getElementsByName()返回带有指定名称的对象集合
getElementByTagName()返回带有指定标签名的对象的集合
write()

向文档写文本、HTML表达式或JavaScript代码

document.getElementById("totalPrice").innerHTML="$" +sum;

JavaScript内置对象

Date:用于操作日期和时间    

Array:用于单独的变量名中存储一系列的值

String:用于支持对字符串的处理

Math:使我们有能力执行常用的数学任务,它包含了若干个数学常量和函数

1.date对象
var 日期实例=new Date(参数);

Date对象的常用方法

方法说明
getDate()返回Date对象的一个月中的每一天,其值为1~31
getDay()返回Date对象的星期中的每一天,其值为0~6
getHours()返回Date对象的小时数,其值为0~23
getMinutes()返回Date对象的分钟数,其值为0~59
getSeconds()返回Date对象的秒数,其值为0~59
getMonth()返回Date对象的月份,其值为0~11
getFullYear()返回Date对象的年份,其值为四位数
getTime()

返回自某一时刻(1970年1月1日)以来的毫秒数

<script>
    function show() {
        var today= new Date();
        var hh=today.getHours();
        var mm=today.getMinutes();
        var ss=today.getSeconds();

        document.getElementById("a").innerHTML=hh+":"+mm+":"+ss;
    }
    var mytime=setInterval("show()",1000)
</script>
<p id="a"></p>
<input type="button" value="date" onclick="show()">


阅读更多
个人分类: JavaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭