js-bom

js-BOM

简介

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

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

可实现功能

1.弹出新的浏览器窗口

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

3.页面的前进后退

window对象

常用属性

history

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

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

location

有关当前URL的信息

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() 用新的文档替换当前文档
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**
//返回2~99的随机数
var iNum=Math.floor(Math.random()*98+2)

Date

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之间 ,一月份为0
getFullYear() 返回 Date 对象的年份,其值为4位数
getTime() 返回自某一时刻(1970年1月1日)以来的毫秒数

定时函数

setTimeout()

function timer(){
        var t=setTimeout("alert('3 seconds')",3000);
}
//3秒执行一次

setinterval()

var  myTime=setInterval("disptime() ", 1000 );

清除函数

clearTimeout()

 var t=setTimeout("alert('3 seconds')",3000);
clearTimeout(t);

clearInterval ()

var  myTime=setInterval("disptime() ", 1000 );
clearInterval(myTime);
上一篇:VS Code 状态栏颜色修改


下一篇:操作BOM对象