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 相关文章推荐
json数据的列循环示例
Sep 06 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
js和jQuery设置Opacity半透明 兼容IE6
May 24 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
详解Angular4 路由设置相关
Aug 26 Javascript
vue组件横向树实现代码
Aug 02 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 Javascript
通过实例了解Render Props回调地狱解决方案
Nov 04 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
for循环连续求和、九九乘法表代码
2012/02/20 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
在php中设置session用memcache来存储的方法总结
2016/01/14 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
js 操作符汇总
2014/11/08 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
2016/10/14 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
继承行为在 ES5 与 ES6 中的区别详解
2019/12/24 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
2020/02/06 Javascript
[01:30]DOTA2上海特锦赛现场采访 Loda倾情献唱
2016/03/25 DOTA
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python多进程使用函数封装实例
2020/05/02 Python
python中如何设置代码自动提示
2020/07/15 Python
Python gevent协程切换实现详解
2020/09/14 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
实例讲解CSS3中的box-flex弹性盒属性布局
2016/06/09 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
中药学专业毕业生推荐信
2014/07/10 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
个人委托书如何写
2014/09/25 职场文书
国际残疾人日广播稿范文
2014/10/09 职场文书
亮剑观后感600字
2015/06/05 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL