JavaScript 中BOM的常用操作
2024-09-08 11:20:13
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' //定位方式:平滑滚动
})
最新文章
- eclipse控制台乱码
- 一步步构建自己的AngularJS(2)——scope之$watch及$digest
- 论--如何通过代码解析plist文件创建对应的控制器,以及控制器中的控件
- javaSE第九天
- asp.net + Jquery 实现类似Gridview功能 (一)
- 进口fbx角色动画read-only解
- proguard android迷茫
- iOS基础之顺传逆传传值(delegate、block)
- django csrftoken
- S0.6 直方图均衡化
- (原创)cocos lua 热更新从零开始(一)最简单demo
- ubuntu18.04下安装mysql后无法用mysqlworkbench访问
- 求1000以内的质数c语言
- vb 使用StreamWriter书写流写出数据并生成文件
- Oracle宣布很多其它的Java 9 新特性
- 在win7虚拟机中装sql server---待整理
- 【构造】Codeforces Round #423 (Div. 1, rated, based on VK Cup Finals) B. High Load
- React性能优化总结(转)
- android中常见的命名及其特点详解
- GridView 高亮某一行
热门文章
- 七种可能 | Linux丢包故障的定位与解决
- ThreadLocal的正确使用与原理
- Centos7查看防火墙对应的开放端口以及进行端口操作
- 【LeetCode】830. Positions of Large Groups 解题报告(Python)
- Docker 与 K8S学习笔记(九)—— 容器间通信
- 设计模式学习——JAVA动态代理原理分析
- 【python】QT5 cvimg 转 pixmap
- Masked Gradient-Based Causal Structure Learning
- Certified Robustness to Adversarial Examples with Differential Privacy
- 在linux(deepin)系统下查看当前ip地址与用户名