javascript学习笔记(十四) window对象使用介绍_基础知识

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 () {
//执行某些操作
}

时间: 2024-10-03 17:30:19

javascript学习笔记(十四) window对象使用介绍_基础知识的相关文章

javascript学习笔记(四)function函数部分_基础知识

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. Jscript 支持两种函数:一类是语言内部的函数(如eval() ),另一类是自己创建的. 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它.(该变量的作用域是局部的). 您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量. 函数的调用方式 1.普通调用:functionName(实际参数...) 2.通过指向函数的变量去调用: var  myVar

JavaScript学习笔记(一) js基本语法_基础知识

1.标识符与关键字 标识符以字母开头,可以包含字母.数字.下划线.标识符不能使用以下保留字符: 复制代码 代码如下: abstract, boolean, break,byte,case,catch,char,class,const,debugger,default,delete,do,double,else,enum,export,extends,false,final,finally,float,for,function,goto,if,implements,import,in,instan

JavaScript 学习笔记(十三)Dom创建表格_基础知识

Dom基础-创建表格 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().但第一种有可能在IE上有问题,所以推荐使用第二种. 1.insertRow(index):index从0开始 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前.默认的insertRow()函数相当于 insertRow(-1),将新行添加到表的最后.一般我们在使用的时候都是: objTable.insertRow (ob

JavaScript浏览器对象之一Window对象详解_基础知识

JavaScript提供了一组以window为核心的对象,实现了对浏览器窗口的访问控制.JavaScript中定义了6种重要的对象: window对象 表示浏览器中打开的窗口: document对象 表示浏览器中加载页面的文档对象: location对象包含了浏览器当前的URL信息: navigation对象 包含了浏览器本身的信息: screen对象 包含了客户端屏幕及渲染能力的信息: history对象 包含了浏览器访问网页的历史信息. 除了window对象之外,其他的5个对象都是windo

Javascript之BOM(window对象)详解_基础知识

ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心. BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.也就是说,在网页中定义的任何一个变量.对象和函数以window作为其Global对象. 1.全局作用域 既然window对象扮演着Global对象,那么所有在全局作用域中声明的对象.变

javascript window对象属性整理_基础知识

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture

JavaScript—window对象使用示例_基础知识

window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性: 1 打开新窗口 复制代码 代码如下: window.open(pageURL,name,parameters) 其中: pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔) 如: 复制代码 代码如下: window.open("http://www.cnblogs.com/zhouhb/","open",'height=100,

Javascript window对象详解_基础知识

首先看我们的源代码. 复制代码 代码如下: <!DOCTYPE html>  <html>      <head>          <meta charset="utf-8" />          <title>深入理解Javascript</title>          <script type="text/javascript" charset="utf-8"

浅谈重写window对象的方法_基础知识

重写window对象的方法不是一件新奇的事,比如我们可能需要改变默认alert的行为,如何安全的重写呢?      小菜看到某知名IT网站是这样的写法: 复制代码 代码如下: window.alert = function(){};      或者 复制代码 代码如下: alert = function(){};      实际上,这种写法有些欠妥.这相当于在window对象上添加了一个alert属性,它的优先级比系统内置的alert高,所以可以达到重写的效果,但这很容易突破,执行以下语句,就会