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 相关文章推荐
extJs 下拉框联动实现代码
Apr 09 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
JS对字符串编码的几种方式使用指南
May 14 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
Aug 10 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
javascript使用Blob对象实现的下载文件操作示例
Apr 18 Javascript
Javascript中window.name属性详解
Nov 19 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/08/21 PHP
php制作动态随机验证码
2015/02/12 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
2016/09/04 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
python插入排序算法实例分析
2015/07/03 Python
Python之文字转图片方法
2018/05/10 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
基于Python的Post请求数据爬取的方法详解
2019/06/14 Python
python爬虫基础知识点整理
2020/06/02 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
.net笔试题
2014/03/03 面试题
新闻专业个人求职信
2013/12/19 职场文书
初中体育教学反思
2014/01/14 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
入党函调证明材料
2014/12/24 职场文书
周年庆典答谢词
2015/01/20 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python