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 相关文章推荐
jQuery 表格工具集
Apr 25 Javascript
面向对象Javascript核心支持代码分享
May 23 Javascript
jquery实现excel导出的方法
Apr 04 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
javascript执行环境及作用域详解
May 05 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
Aug 23 Javascript
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 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引用地址改变变量值的问题
2012/03/23 PHP
PHPMYADMIN导入数据最大为2M的解决方法
2012/04/23 PHP
基于php-fpm 参数的深入理解
2013/06/03 PHP
从性能方面考虑PHP下载远程文件的3种方法
2015/12/29 PHP
php中strtotime函数性能分析
2016/11/20 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
Python采用raw_input读取输入值的方法
2014/08/18 Python
Python中List.count()方法的使用教程
2015/05/20 Python
学习python类方法与对象方法
2016/03/15 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
python多任务及返回值的处理方法
2019/01/22 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
苹果音乐订阅:Apple Music
2018/08/02 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
有个性的自我评价范文
2013/11/15 职场文书
工作个人的自我评价
2014/01/14 职场文书
群众路线教育实践活动方案
2014/02/02 职场文书
婚礼答谢礼品
2015/01/20 职场文书
党员个人总结范文
2015/02/14 职场文书
人代会简报
2015/07/21 职场文书