window对象的事件：onresize、onpageshow、onload

onresize事件非常容易理解: 即当窗口或者框架的大小发生变化时,就会触发此事件. 实例demo onpageshow事件是当用户浏览网页时触发的. onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发. 为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断.…

JavaScript DOM编程基础精华02（window对象的属性，事件中的this，动态创建DOM，innerText和innerHTML）

window对象的属性1 window.location对象: window.location.href=‘’;//重新导航到新页面,可以取值,也可以赋值. window.location.reload();//刷新当前页 window.event是IE下非常重要的属性,用来获得发生事件时的信息,事件不局限于window对象的事件,所有元素的事件都可以通过event属性取到相关信息.类似于winForm中的e(EventArgs).//兼容IE.Chrome,不兼容FF(用event参数). w…

window对象的属性及事件。

不同的运行环境有不同的“顶层对象”,而在浏览器的环境中,顶层对象就是window对象.window就是指当前的浏览器窗口. 例:var a = 1: window.a; //1 1.window对象的属性. (1)window.name属性 window.name用于设置浏览器当前浏览器窗口的名字.其特点为浏览器刷新后,该属性保持不变. (2)window.innerHeight属性,window.innerWidth属性这两个属性返回网页的css布局占据的浏览器窗口的高度和宽度.这两个属性的…

Javascript中的事件对象和事件类型

接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享事件对象事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件对象对于不同浏览器环境,这个event事件对象有一些差距 DOM中的事件对象不管是DOM0级还是DOM2级兼容DOM的浏览器会将一个event对象传入事件处理程序中常用的event对象的一些属…

JavaScript DOM编程基础精华01（DOM入门，DOM模型和获取页面元素,事件，window对象的方法）

DOM入门 DOM就是Html页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性.方法就可以对网页中的文本框.层等元素进行编程控制.比如通过操作文本框的DOM对象,就可以读取文本框中的值.设置文本框中的值. JavaScript→DOM就是C#→.Net Framwork.没有.net,C#只能for.while,连WriteLine.MessageBox都不行.DOM就是一些让JavaScript能操作Html页面控件的类.函数. DOM也像WinForm一样,通…

window对象，BOM，window事件,延时器,DOM

01.定时器补充 function fn(){ console.log(1);}setInterval("fn()",100); //定时器调用匿名函数/* function(){} (常用) fn(); //这个直接就运行了,会使运行结果不正确 "fn()"*/ 02.window对象 //都是window下面的方法,其中,这三个对话框都有阻塞浏览器其他功能的执行(阻止程序的运行)alert('dfjjf'); //弹出一个对话框confirm…

让FireFox支持 window.event 全局事件对象

这里比原文稍加改进,让FF也支持 event.srcElement了, 省得每次写兼容代码挺麻烦的: //For firefox window.event if(typeof(window.event) == "undefined") { var $EventGetter = function(){ var c=$EventGetter.caller; while(c.caller)c=c.caller; var evt = c.arguments[0]; evt.srcElement…

JavaScript Window对象属性

window 代表浏览器中一个打开的窗口. Window的属性属性描述 closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组. dialogHeight 设置或获取模式对话框的高度. dialogLeft 设置或获取模式对话框的左坐标. dialogTop 设置或获取模式对话框的顶坐标. dialogWidth 设置或获取模式对话框的宽度. fram…

JavaScript学习-4——DOM对象、事件

本章目录 --------window对象 --------document对象 --------事件一.window对象函数调用: 自己封装的函数只写:函数名(): 数学函数Math 例:绝对值:Math.abs() window.Name();调用函数 window.top;调用属性 ①打开新窗口 window.open(“一”,“二”,“三”,“四”) 第一部分:页面地址第二部分:打开方式_blank在新窗口,_self在自身打开第三部分:控制窗口,用空格隔开 toolbar=no…

JavaScript (JS)基础：BOM 浅析 (含window对象相关基本方法、属性解析)

① window对象(Math方法也属于window对象): window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量.函数都会变成window对象的属性和方法,window对象下的属性和方法调用的时候可以省略window 例如:window.alert(); window.console; window.document ② BOM中的常用对象.事件 (1)onload事件 window.onload 所有资源加载完成再执行onload里面的代码,包括外部资源(图片…

window对象的几个重要方法

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JavaScript window对象常用方法及事件</title><script type="text/javascript"> window.onload=function(){//文档加载完成后执行此方法 alert("文档加载完毕了"); }…

JavaScript事件对象与事件处理程序

在学习之前建议请看一下事件流.事件冒泡.事件捕获一.事件对象事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性 (1).type属性用于获取事件类型 (2).target.srcElement<兼容IE事件>属性用于获取事件目标 (3).stopPropagation()方法用于阻止事件冒泡 (4).preventDefault() 方法阻…

深入理解JavaScript的闭包特性如何给循环中的对象添加事件

初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript的闭包特性. 有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert出对应的0,1,2,3,4. 1. <!DOCTYPE HTML> 2. <html> 3. <head> 4. <meta charset="utf…

JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)

本节讲Dom和Bom模型概念讲解(节点获取,window对象). out.js: 写了2个输出到页面的函数. function println(param){ document.write(param+"<br/>"); } function print(param){ document.write(param); } window对象中的方式: 方法: confirm : bConfirmed = window.confirm( [sMessage]) 显示一个确认对话框…

javascript之window对象

window :window对象是BOM中所有对象的核心,除了是BOM中所有对象的父对象外,还包含一些窗口控制函数. 1.全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性. <script type="text/javascript"> var name="撼地神牛"; document.write(window.name); </script> 2.window与self对象 self对象与win…

Event对象的事件句柄

<html>   <body onunload="alert('The onunload event was triggered')"> <form id="myform"> <input type="text"…

JS day01——window对象、执行顺序、线程模型

1.window对象 window对象表示当前浏览器的窗口,它是一个顶级对象,我们创建的所有对象.函数.变量都是window对象的成员. window对象自带了一些非常有用的方法.属性. window的子对象: document:可操作显示在窗口的文档内容. location:可让窗口载入新的URL. navigator:包含当前浏览器的信息javascript执行顺序 2.javascript程序执行有两个阶段. 第一阶段,载入文档内容,并执行<script>元素里的代码,按javascri…

第二章函数和window对象

1.什么是函数函数相当于Java中的方法,每一个函数可以做一件事情,但是不属于某一个类 2.使用函数的好处:使代码模块化,功能分工明确,方便调用,思路功能清晰 3.函数的分类:(1)系统函数:系统提前定义好的,只需要直接使用(2)自定义函数:分为有参和无参,和Java比较相似 4.常用的系统函数:(1)parseInt("字符串")将字符串转换为整形数字,直到遇到第一个非整数字符(2)parseFloat("字符串")将字符串转换为浮点型数字,直到遇到一个非整数字符…

python全栈开发day49-jquery的位置信息、事件流、事件对象，事件委托，事件绑定和解绑

一.昨日内容回顾 1. jQuery的属性操作 1) html属性操作:attr 2) DOM属性操作:prop 3) 类样式操作:addClass.removeClass.toggleClass 4) 值操作:html(),text(),val() 2. jQuery的DOM操作 append appendTo prepend prependTo after insertAfter before insertBefore remove detach empty repacleWit…

jQuery基础（4）- 位置信息、事件流、事件对象、事件代理、jquery事件

一.jQuery的位置信息 jQuery的位置信是JS的client系列.offset系列.scroll系列封装好的一些简便api. 1.宽度和高度 a.获取宽度和高度,例如: .width() // 获取匹配元素集合中的第一个元素的宽度值,内容宽度,不含padding .height() // 获取匹配元素集合中的第一个元素的高度值,内容高度,不含padding 注意:这个方法不接受任何参数..css(‘width’)(或.css(‘height’))和 .width()(或.height()…

JavaScript的事件概述以及事件对象，事件流

事件处理程序 JavaScript 事件对象是由访问 Web 页面的用户引起的一系列操作,例如:用户点击页面上的某个按钮或者鼠标移动到页面的某个图片上而产生一系列的互动的反馈. 我们通过为指定事件绑定回调函数的形式来处理事件,当指定事件触发以后我们的回调函数就会被调用,这样我们的页面就可以完成和用户的交互了. 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现,作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理. Jav…

JavaScript浏览器对象模型（BOM）之window对象

一.BOM概述 BOM(Browser Object Model)浏览器对象模型,它提供了很多对象,用于访问浏览器的功能. BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准.所以,BOM 本身是没有标准的或者还没有哪个组织去标准它. BOM 的核心对象是 window,它表示浏览器的一个实例.window 对象处于 JavaScript 结构的最顶层,对于每个打开的窗口,系统都会自动为其定义 window 对象. 二.Window对象的属性和方法的概括…

Unit07： document 对象、自定义对象、事件

Unit07: document 对象 . 自定义对象 . 事件知识点: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> window.onload = function() { //1.根据ID查询一个节点 //2.根据标签名查询一组节点 //3.根据NAME…

Unit06：外部对象概述、 window 对象、 document 对象

Unit06: 外部对象概述 . window 对象 . document 对象小代码演示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> //1.确认框 function del() { var b = confirm("确定要删除此数据吗?&qu…

window对象与document对象的区别

[window对象] 它是一个顶层对象,而不是另一个对象的属性,即浏览器的窗口. 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象) history 窗口的历史列表(该属性本身也是一个对象) length 窗口内的框架数 location 窗口所显示…

DHTML_____window对象的事件

<html> <head> <meta charset="utf-8"> <title>window对象事件</title> </head> <body onload="alert('欢迎')" onunload="alert('再见')" onbeforeunload="window.event.returnValue='请小心行事!'">…

JavaScript函数和window对象

一.什么是函数函数的含义:类似于Java中的方法,是完成特定任务的代码语句块使用更简单:不用定义属于某个类,直接使用二.常用系统函数 parseInt ("字符串") 将字符串转换为整型数字如: parseInt ("86")将字符串“86”转换为整型值86 parseFloat("字符串") 将字符串转换为浮点型数字如: parseFloat("34.45")将字符串“34.45”转换为浮点值34.…

JS window对象详解

window 是客户端浏览器对象模型的基类,window 对象是客户端 JavaScript 的全局对象.一个 window 对象实际上就是一个独立的窗口,对于框架页面来说,浏览器窗口每个框架都包含一个 window 对象. 全局作用域在客户端浏览器中,window 对象是访问 BOM 的接口,如引用 document 对象的 document 属性,引用自身的 window 和 self 属性等.同时 window 也为客户端 JavaScript 提供全局作用域. 示例由于 window…

BOM window对象方法

window对象方法 alert():弹出一个警告对话框. prompt():弹出一个输入对话框. confirm():弹出一个确认对话框.如果单击“确定按钮”返回true,如果单击“取消”返回false. close():关闭窗口 print():打印窗口 open()方法功能:打开一个新的浏览器窗口. 语法:var winObj = window.open([url][,name][,options]); 说明:参数可有可无.如果没有指定参数,则打开一个选项…

JS中document对象和window对象的区别

简单来说,document是window的一个对象属性. Window 对象表示浏览器中打开的窗口. 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. 所有的全局函数和对象都属于Window 对象的属性和方法. document 对 Document 对象的只读引用. [window对象] 它是一个顶层对象,而不是另一个对象的属性,即浏览器的窗口. 属性 defaultStatus 缺…

【window对象的事件：onresize、onpageshow、onload】的更多相关文章