BOM知识点笔记

Window 对象常见属性


innerHeight  当前窗口文档显示区域的高(这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。)

innerWidth   当前窗口文档显示区域的宽(这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。)

outerHeight  当前窗口文档(包含菜单栏、控制台、边框)的高

outerWidth   当前窗口文档(包含边框、滚动条)的宽

window对象常见方法


clearInterval()  setInterval()  setTimeout() cleatTimeout()  art() confirm()  prompt()

close()                关闭浏览器窗口

open ()                  打开指定的URL

resizeBy (width,height) 调整指定大小

resizeTo(width,height)  调整大小至 —— 谷歌禁用这一方法  IE可以用,防止被恶意改变大小

scrollBy(x,y)          相对滚动像素,如当前为(500,600),则scrollBy(-100,-100)表示往上滚动(100,100),如果正数表往下

scrollTo(x,y)          绝对位置,以文档左上角为(0,0)的x,y坐标,用于回到顶部功能,scrollTo(0,0); 回到最顶部

moveBy(x,y)            将窗口上移,下移,左移,右移指定数量的像素

moveTo(x,y)            将窗口的左上角移动到指定的坐标

【注意】By是相对,To的绝对

	<script>
		window.onload = function () {
			timer = window.setInterval(jump,1000);
		}
		function jump() {
			window.resizeTo(200,200);
			x = Math.ceil(Math.random()*1000);
			y = Math.ceil(Math.random()*600);
			window.moveTo(x,y);
		}
	</script>

History对象常见方法

back() 加载history列表中的前一个URL

forward 访问下一个URL

go():① history.go(1) 等价于 history.forward()  ② history.go(-1) 等价于 history.back() ③ history.go(0)等于刷新页面

BOM知识点笔记,布布扣,bubuko.com

时间: 2024-10-13 00:42:44

BOM知识点笔记的相关文章

javascript bom知识点

javascript bom知识点指(Brower Object Model)浏览器对象模型.打开.关闭窗口window.openwindow.close常用属性[可以试着在chrome的调试窗口下把下面的代码输入,看看他都包含哪些东西]window.navigator.userAgentwindow.location关于浏览器而言,恐怕我们需要去明白的一个是[窗口尺寸.工作区尺寸]可视区尺寸[顾名思义就是指我们可以看到的那个窗口]document.documentElement.clientW

《机器学习实战》知识点笔记目录

从今天起,开始学习<机器学习实战>,并记录学习到的知识点. -- 2017-12-31 1,第2章KNN算法笔记_函数classify0 原文地址:https://www.cnblogs.com/wang7/p/8158225.html

BOM基础笔记

BOM基础 BOM对浏览器的一些操作 1.打开.关闭窗口 •open –蓝色理想运行代码功能 window.open('http://www.baidu.com/', '_self'); <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload=function ()

python3学习知识点笔记

class Class_name(object): # 声明类Class_name,继承自object class Class_name: #不显示继承自object,创建类Class_name class Fruit: #创建水果类 def __init__(self): #_init_ 为初始化类的内部状态,self 是参数 代表声明的类自己本身, self.name = name   # name 为类的内部私有属性 self.color = color # color 也为类的内部私有属

命题逻辑重要知识点笔记

^ : 合取联结词.p^q,命题p,q同时为真 :  析取联结词. pq,命题p,q至少有一个为真 →:蕴含联结词.p→q,"如果p,则q","只有q,才p".q是p的必要条件 ↔:等价联结词.p↔q,"p↔q为真当且仅当p与q同时为为真或为假".q和p互为充要条件.(重言式) 注:这个联结词要与 <=> 区分开,<=>不是联结词,它用来说明p,q等值,如两者真值表相等,则可用这个符号 利用真值表进行运算

PHP-HTMLhtml重要知识点笔记

1.用frameset.frame和iframe还实现多窗口 2.在图片上利用映射距离usemap来实现按钮跳转.------第8尾集 3.表单必须要有name和value,因为抓包的时候,可发现必须要提交它们 4.fieldset标签——>legend.lable 5.只能用margin-top.margin-left定位div距离页面边距. 6.padding-top.padding-left定位div里面的元素距离div边距的距离 7.超链接默认是link.可以设置hover的属性,还有v

Spring 入门知识点笔记整理

一.Spring 概述 1. 什么是spring? Spring 是个java企业级应用的开源开发框架.Spring主要用来开发Java应用,但是有些扩展是针对构建J2EE平台的web应用.Spring 框架目标是简化Java企业级应用开发,并通过POJO为基础的编程模型促进良好的编程习惯. 2. 如何实现简化java开发的目标? 为了降低java开发的复杂性,spring主要采取以下4种关键策略: 基于POJO的轻量级和最小侵入性编程. 通过依赖注入和面向接口编程实现松耦合. 基于切面和惯例进

ADO.NET知识点笔记

1 DataColumn 的DataType可以是任一数据类型,包括自义定类和结构. DataTable dt = new DataTable("Product");             dt.Columns.Add("ProductId",typeof(int));             dt.Columns.Add("ProductProperty", typeof(ProductProperty));             Data

web移动端常用知识点笔记

摘要:因为平时搞移动端的比例多一点,做个小小的总结.虽然网上很多这方面的总结,不过还是想自己也总结一下,适合自己的才是最好的.这样也方便以后自己的查阅 viewport模板——通用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 --> <meta content="width=device-