一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JavaScript全局对象.函数以及变量均自动成为window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 2.window尺寸 window.innerWidth  浏览器窗口的内部高度 window.innerHeight  浏览器窗口的内部高度 二:JS浏览器对象-History 1.History对象 window.histo

JS window对象 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back();   返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.history.back(); 注意:等同于点击浏览器的倒退按钮. back()相当于go(-1),代码如下: window.hist

返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.history.back(); 注意:等同于点击浏览器的倒退按钮. back()相当于go(-1),代码如下: window.history.go(-1); 任务 补充右边代码编辑器第9行,完善GoBack()函数,实现返回前一个页面功能. 注意:本编辑器有局限性,可以把代码拷贝到本机上练习,或者在本节

Js浏览器对象——window对象 1.window对象: (1)window对象是BOM的核心,window对象指当前的浏览器窗口. (2)所有的JavaScript全局对象.函数以及变量均自动成为window对象的成员. (3)全局变量是window对象的属性. (4)全局函数是window对象的方法. (5)甚至HTML DOM的document也是window对象的属性之一. 例:window.document.write("hello");//window可省略. 2.win

1.window对象 1.1 window对象 window对象是BOM的核心.window对象指当前的浏览器窗口 所有JavaScript全局对象 .函数以及变量均自动成为window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 甚至HTML DOM的document也是window对象属性之一 1.2 window.innerHeight  浏览器窗口的内部高度 window.innerWidth  浏览器窗口的内部宽度 Window.html <!DOCT

返回浏览历史中的其他页面 go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面. 语法: window.history.go(number); 参数: 浏览器中,返回当前页面之前浏览过的第二个历史页面,代码如下: window.history.go(-2); 注意:和在浏览器中单击两次后退按钮操作一样. 同理,返回当前页面之后浏览过的第三个历史页面,代码如下: window.history.go(3); 任务 补充右边代码编辑器第9行和第13行,使用go()方法,完善G

当前窗口的浏览历史 window.history 对象 保存了当前窗口访问过的所有页面网址 由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航 history.back() 相当于 history.go(-1) 浏览器工具栏的 “前进” 和 “后退” 按钮,其实就是对 History 对象进行操作 // 当前窗口访问过多少个网页 window.history.length // History 对象的当前状态 // 通常是 undefined,即未设置 window.histor

History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联. 语法: window.history.[属性|方法] 注意:window可以省略. History 对象属性 History 对象方法 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/j

屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息. 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计. 2. window.screen 对象在编写时可以不使用 window 这个前缀. 我们来获取屏幕的高和宽,代码如下: <script type="text/javascript"> document.write( "屏幕宽度:"+screen.

Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本. 对象属性: 查看浏览器的名称和版本,代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.wri

有兴趣的可以了解下history对象,不感兴趣也可以直接跳到手机物理返回键监听部分 使用场景: 场景1:项目中一个表单页面,需得填写验证码,填写验证码后提交,由于使用的form直接提交,没有使用AJAX,所以,在出现验证码填写错误的时候,就会跳转到错误提示页,3秒倒计时后使用history.back(-1)的方式返回上一页,这也就出现了一个问题,使用history.back(-1)进行后退之后,图形验证码已过期,但是却没有刷新,这样就导致用户重复多次填写验证码,影响用户体验: 场景2:关注公众号

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

BOM对象: Browser Object Model 即浏览器对象模型: 包含: window:窗口对象 alert();//警示框 confirm();//确认框 prompt();//输入提示框 定时器: 执行一次 setTimeout( function () {} , 时间 ) ->延时执行,返回本对象: clearTimeout(obj)->清除定时器obj; 循环执行 setInterval( function () {} , 时间)->间隔执行,返回本对象: clearI

事件对象 包含事件相关的信息,如鼠标.时间.触发的DOM对象等 js默认将事件对象封装好,并自动的以参数的形式,传递给事件处理函数的第1个参数,如下: document.getElementsByTagName("div")[0].onclick = function(e){ e = window.event || e; //兼容IE低版本(事件对象绑定在window的event上) console.log(e);//这里e就是事件对象 } 事件的属性和方法 type:获取事件类型(c

1.window对象 /*1.计算浏览器窗口大小*/ //不算滚动条: var width = window.innerWidth; var height = window.innerHeight; document.write("浏览器窗口宽度:"+width+",浏览器窗口高度:"+height+"<br/>"); //算滚动条: var outerWidth = window.outerWidth; var outerHeigh

简单记录javascript中对象的使用 一.创建对象 //创建一个空对象 var o={}; //创建一个含有两个属性的对象,x.y var o2={x:12,y:'12',name:'JS'}; //此对象中的author属性的值还是一个对象 var o3={x:12,author:{name:'JS',age:23,address:'china'}}; //创建一个空对象和{}一样 var o4=new Object(); //给对象增加name属性 o4.name='JS' 上面使用了两

JavaScript学习06 JS事件对象 事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等: event对象只在事件发生的过程中才有效. firefox里的event跟IE里的不同,IE里的是全局变量,随时可用:firefox里的要用参数引导才能用,是运行时的临时变量. 在IE/Opera中是window.event,在Fi

选自:http://www.ludou.org/wordpress-recently-viewed.html 最近有很多网友问我,露兜博客右边栏底部的 您刚刚看过 栏目是怎么实现.其实我也是参考的这篇文章:文章历史浏览记录,如果你懂得一点点的网页编程,可以参考这篇文章操作.但是有很多网友说看了也不懂怎么操作,怎么弄都搞不出来.鉴于有这方面的需要,那不如我把它弄成WordPress插件,也方便有需要的网友使用. 插件下载 插件使用 1.下载.激活插件这些就不用说了吧:      2.进入WordP

一.理解对象: //第一种:基于Object对象 var person = new Object(); person.name = 'My Name'; person.age = ; person.getName = function(){ return this.name; } //第二种:对象字面量方式(比较清楚的查找对象包含的属性及方法) var person = { name : 'My name', age : , getName : function(){ return this.n

当一个js函数对象被创建时,Function 构造器产生的函数对象会运行类似这样的一些代码 this.prototype={constructor:this} 新函数被赋予了一个prototype属性,它的值是一个对象,该对象包含了一个constructor属性,该属性的值为改新函数的对象 function fun(){ alert('world'); } alert(fun.prototype.constructor==fun);//true alert(fun.__proto__==Func