前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript-BOM

JavaScript-BOM

作者头像
xiaozhangStu
发布2023-05-04 19:16:12
3320
发布2023-05-04 19:16:12
举报
文章被收录于专栏:xiaozhangStuxiaozhangStu

JavaScript-BOM

简介

BOM:浏览器对象模型(Browser Object Model)

提供了独立于内容,可以与浏览器窗口进行互动的对象结构

可实现功能

1.弹出新的浏览器窗口

2.移动,关闭浏览器窗口以及调整窗口大小

3.页面的前进后退

window对象

常用属性
history

Window.history是一个只读属性,不存在赋值

有关客户访问过得URL的信息

location

有关当前URL的信息

代码语言:javascript
复制
window.location="http://www.baidu.com";

常用方法

直接用,不需要.

方法名称

说 明

prompt( )

显示可提示用户输入的对话框

alert( )

显示带有一个提示信息和一个确定按钮的警示框

confirm( )

显示一个带有提示信息、确定和取消按钮的对话框

close( )

关闭浏览器窗口

open( )

打开一个新的浏览器窗口,加载给定 URL 所指定的文档

setTimeout( )

在指定的毫秒数后调用函数或计算表达式

setInterval( )

按照指定的周期(以毫秒计)来调用函数或表达式

history对象

需要用window.history来获取

常用的方法

名称

说 明

back()

加载 history 对象列表中的前一个URL

forward()

加载 history 对象列表中的下一个URL

go()

加载 history 对象列表中的某个具体URL

location对象

需要用window.location来获取

常用属性

名称

说 明

host

设置或返回主机名和当前URL的端口号

hostname

设置或返回当前URL的主机名

href

设置或返回完整的URL

常用方法

名称

说 明

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

代码语言:javascript
复制
window.location.replace("https://www.baidu.com");

js内置对象

Array
String
Math

方法

说 明

示例

ceil()

对数进行上舍入

Math.ceil(25.5);返回26Math.ceil(-25.5);返回-25

floor()

对数进行下舍入

Math.floor(25.5);返回25Math.floor(-25.5);返回-26

round()

把数四舍五入为最接近的数

Math.round(25.5);返回26Math.round(-25.5);返回-26

random()

返回0~1之间的随机数

Math.random();例如:0.6273608814137365

代码语言:javascript
复制
var iNum=Math.floor(Math.random()*98+2)
Date
代码语言:javascript
复制
var  today=new Date();   //返回当前日期和时间
var tdate=new Date("september 1,2013,14:58:12")

常用方法

方法

说 明

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 对象的年份,其值为4位数

getTime()

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

定时函数

setTimeout()
代码语言:javascript
复制
function timer(){
        var t=setTimeout("alert('3 seconds')",3000);
}
//3秒执行一次

setinterval()

代码语言:javascript
复制
var  myTime=setInterval("disptime() ", 1000 );
​

清除函数

clearTimeout()

代码语言:javascript
复制
 var t=setTimeout("alert('3 seconds')",3000);
clearTimeout(t);

clearInterval ()

代码语言:javascript
复制
var  myTime=setInterval("disptime() ", 1000 );
clearInterval(myTime);
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-02-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • JavaScript-BOM
    • 简介
      • 可实现功能
        • window对象
          • history对象
            • location对象
              • js内置对象
                • 定时函数
                  • 清除函数
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档