JavaScript BOM操作

1.获取浏览器窗口尺寸

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

2.浏览器的弹窗层

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

3.开启和关闭标签页

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

4.浏览器常见事件

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

5.浏览器卷去的尺寸

(1)获取卷去的高度

  1. document.documentElment.scrollTop     //页面有<!DOCTYPE html>标签时使用
  2. documen.body.scrollTop                //页面没有<!DOCTYPE html>时使用
  4. //兼容写法
  5. var height=document.documentElment.scrollTop ||  documen.body.scrollTop

(2)获取卷去的宽度

  1. document.documentElement.scrollLeft  //页面有<!DOCTYPE html>标签时使用
  2. document.body.scrollLeft              //页面没有<!DOCTYPE html>时使用
  4. //兼容写法
  5. var widght=document.documentElment.scrollTop ||  documen.body.scrollTop

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

  1. //瞬间跳转
  2. window.scrollTo(left,top)     //left 是宽的位置，top是高的位置
  4. //平滑滚动
  5. window.scrollTo({
  6. left:宽度位置
  7. top：高度位置
  8. behavior:'smooth'         //定位方式：平滑滚动
  9. })

JavaScript 中BOM的常用操作的更多相关文章

  1. JavaScript中常见的字符串操作函数及用法

    JavaScript中常见的字符串操作函数及用法 最近几次参加前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等.如果你经常参加笔试或者也是一个过来人,相信 ...

  2. JavaScript中，有三种常用的绑定事件的方法

    要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的 ...

  3. JavaScript中常见的数组操作函数及用法

    JavaScript中常见的数组操作函数及用法 昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下 ...

  4. javascript中对字符串的操作总结

    原文:javascript中对字符串的操作总结 没听过一句话吗?程序员的世界,不处理字符串就是处理数组.这是群里的一位前辈和我说的,显然这和我之前理解的DOM是javascript的核心的不同的,看了 ...

  5. JavaScript中对数组的操作

    原文:JavaScript中对数组的操作 一:数组的使用 1.定义:JavaScript中对数组的定义有两种形式.如: .var arr = [12,3,5,8]; .var arr = new Ar ...

  6. javascript中数组的常用算法深入分析

    Array数组是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.本文将给大家详细介绍了javascri ...

  7. 前端javascript之BOM、DOM操作、事件

    BOM与DOM操作 BOM 浏览器对象模型>>>:使用js操作浏览器 DOM 文档对象模型>>>:使用js操作前端页面 window对象 所有浏览器都支持 wind ...

  8. 深圳尚学堂：JavaScript中常见的字符串操作

    快到春节放假了,春节后又是一大波的找工作热潮,在前端实招聘笔试时,必不可免额会考到关于JavaScript中字符串的处理问题.考的不是你会不会,而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的 ...

  9. JavaScript之字符串的常用操作函数

    字符串的操作在js中非常繁琐,但也非常重要.在使用过程中,也会经常忘记,今天就对这个进行一下整理. String 对象 String 对象用于处理文本(字符串). new String(s); // ...

随机推荐

  1. git 省略 commit message

    每次提交使用 git commit --allow-empty-message --no-edit 也可以设置命令别名 git config --global alias.nocommit " ...

  2. CF1082A Vasya and Book 题解

    Content 给定 \(T\) 组数据,每组数据给出四个整数 \(n,x,y,d\).小 V 有一本 \(n\) 页的书,每次可以恰好翻 \(d\) 页,求从第 \(x\) 页恰好翻到第 \(y\) ...

  3. CF1427A Avoiding Zero 题解

    Content 请将一个长度为 \(n\) 的数列 \(A\) 重新排序,使得这个数列所有的前缀和 \(\neq 0\),或者证明没有这样的方案. 数据范围:\(t\) 组数据,\(1\leqslan ...

  4. 大学MOOC课程视频下载、流文件合并、批量重命名、ｂ站视频下载及学习课程视频推荐

    计算机行业技术更新快,编程语言种类多,在当今大数据和人工智能的时代,为了能在相关领域有所成就,就必须掌握好python.R等语言,较好的数学基础和深入的行业背景知识.计算机从业人员务必践行" ...

  5. SpringCloud Alibaba实战（12：引入Dubbo实现RPC调用）

    源码地址:https://gitee.com/fighter3/eshop-project.git 持续更新中-- 大家好,我是老三,断更了半年,我又滚回来继续写这个系列了,还有人看吗-- 在前面的章 ...

  6. iframe父子页面js之间的调用

    父级页面:mian.html 子页面1:top.html 子页面2:index.html 页面关系 <div onclick="_top()">调用contentTop ...

  7. JAVA匹配html中所有img标签

    public static List<String> getImg(String htmlStr) { List<String> list = new ArrayList< ...

  8. C语言获取字符年月日时分秒毫秒

    概述 本文演示环境: Windows10 使用C语言获取年月日时分秒毫秒, 代码 #include <iostream> #include <string> #include ...

  9. 再谈多线程模型之生产者消费者（基础概念）（c++11实现）

    0.关于 为缩短篇幅,本系列记录如下: 再谈多线程模型之生产者消费者(基础概念)(c++11实现)[本文] 再谈多线程模型之生产者消费者(单一生产者和单一消费者)(c++11实现) 再谈多线程模型之生 ...

  10. 【九度OJ】题目1208：10进制 VS 2进制 解题报告

    [九度OJ]题目1208:10进制 VS 2进制 解题报告 标签(空格分隔): 九度OJ 原题地址:http://ac.jobdu.com/problem.php?pid=1208 题目描述: 对于一 ...