javascript学习笔记(十四) window对象使用介绍


Posted in Javascript onJune 20, 2012

1.窗口位置
以下取得浏览器窗口距屏幕左边和上边的位置

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //左边位置 
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; //上边位置

2.浏览器大小
以下取得浏览器页面视口的大小
var pageWidth = window.innerWidth, 
pageHeight = window.innerHeight; if (typeof pageWidth != "number") { 
if (document.compatMode == "CSS1Compat") { 
pageWidth = document.documentElement.clientWidth; 
pageHeight = document.documentElement.clientHeight; 
} else { 
pageWith = document.body.clientWdith; 
pageHeight = document.body.clientHeight; 
} 
}

3.打开或弹出窗口
window.open()方法,可以接受4个参数,通常只需指定第一个参数,第一个参数为URL,第二个参数为_self 、_parent 、_top 、_blank 或者框架名
window.open("http://www.baidu.com"); 
window.open("http://www.baidu.com","_blank"); 
window.open("http://www.baidu.com","topFrame","height=400,width=400,top=10,left=10,resizable = yes"); 
topFrame.resizeTo(500,300); //调整窗口大小 
topFrame.moveTo(100,100); //移动窗口位置 
topFrame.close(); //关闭新打开的窗口,IE会报错

4.location 对象
location.href(URL) 加载URL
location.href(URL) 加载URL 
location.href("http://www.baidu.com"); 
location.href = "http://www.baidu.com" ; //同上 
location.assign = "http://www.baidu.com"; //同上 
window.loaction = "http://www.baidu.com"; //同上 
location.replace("http://www.baidu.com"); //同上,但不能回退 location.reload(); //重新加载(可能从缓存中加载) 
location.reload(true); //重新加载(从服务器中加载) 
location.search() 返回URL中的查询字符串,字符串以为?开头

5.获取查询字符串参数
function getQueryStringArgs() { 
var qs = (location.search.length > 0) location.search.substring(1) : ""; 
var args ={}; 
var items = qs.split("&"); 
var item = null,name = null,value = null; 
for (var i=0 ; i<items.length ; i++) 
{ 
item = itmes[i].split("="); 
name = decodeURIComponent(item[0]); 
value = decodeURIComponent(item[1]); 
args[name] = value; 
} 
return args; 
} //假设查询字符串参数是?q=javascript&num=10 
var args = getQueryStringArgs(); 
alert(args["q"]); //"javascript" 
alert(args["num"]); //"10"

6.history 对象
history.go()页面跳转 
history.go(-1); //后退一页 
history.go(1); //前进一页 
history.go(2); //前进两页 
history.go("baidu.com"); 跳转到最近的baidu.com页面 history.back(); //后退一页 
history.forword(); //前进一页

检测当前页是不是用户打开的第一个页面
if (history.length == 0) { 
//如果打开的是第一个页面的话,执行某些操作 
}

7.页面加载
window.onload() 用于页面加载结束后做某些操作
window.onload = function () { 
//执行某些操作 
}
Javascript 相关文章推荐
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
angular-cli修改端口号【angular2】
Apr 19 Javascript
理顺8个版本vue的区别(小结)
Sep 17 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
JavaScript对象的特性与实践应用深入详解
Dec 30 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
javascript学习笔记(十三) js闭包介绍(转)
Jun 20 #Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 #Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 #Javascript
javascript学习笔记(十) js对象 继承
Jun 19 #Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 #Javascript
javascript学习笔记(八) js内置对象
Jun 19 #Javascript
javascript学习笔记(七) js函数介绍
Jun 19 #Javascript
You might like
php+javascript的日历控件
2009/11/19 PHP
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
Python中的装饰器用法详解
2015/01/14 Python
Python脚本实时处理log文件的方法
2016/11/21 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
python操作cfg配置文件方式
2019/12/22 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
养殖项目策划书范文
2014/01/13 职场文书
初中生自我鉴定
2014/02/04 职场文书
会计专业应届生自荐信
2014/02/07 职场文书
大学生村官考核材料
2014/05/23 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
2014年学校体育工作总结
2014/12/08 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
统招统分证明
2015/06/23 职场文书
如何解决.cuda()加载用时很长的问题
2021/05/24 Python
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA
python小型的音频操作库mp3Play
2022/04/24 Python
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js