Java教程

JavaScript 中BOM的常用操作

本文主要是介绍JavaScript 中BOM的常用操作，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

JavaScript BOM操作

1.获取浏览器窗口尺寸

var width=window,innerWidth        //获取可视窗口宽度
var height=window.innerHeight      //获取可视窗口高度

2.浏览器的弹窗层

window.alert("提示信息")     //提示框       无返回值
window.confirm("提示信息")   //询问框      返回值为Boolean型
window.prompt("提示信息")     //输入框      返回值为输入的内容

3.开启和关闭标签页

widow.open("url链接")           //打开链接
widow.close("url链接")           //关闭链接

4.浏览器常见事件

window.onload=function(){ }              //资源加载完毕触发事件
window.onresize=function(){ }           //可视窗口尺寸改变时触发事件
window.onscroll=function(){ }          //滚动条位置改变触发事件

5.浏览器卷去的尺寸

(1)获取卷去的高度

document.documentElment.scrollTop     //页面有<!DOCTYPE html>标签时使用
documen.body.scrollTop                //页面没有<!DOCTYPE html>时使用

//兼容写法
var height=document.documentElment.scrollTop ||  documen.body.scrollTop

(2)获取卷去的宽度

document.documentElement.scrollLeft  //页面有<!DOCTYPE html>标签时使用
document.body.scrollLeft              //页面没有<!DOCTYPE html>时使用

//兼容写法
var widght=document.documentElment.scrollTop ||  documen.body.scrollTop

6.设置浏览器滚动条位置

//瞬间跳转
window.scrollTo(left,top)     //left 是宽的位置，top是高的位置

//平滑滚动
window.scrollTo({
left:宽度位置
top：高度位置
behavior:'smooth'         //定位方式：平滑滚动
})
这篇关于JavaScript 中BOM的常用操作的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航