location.href&&window.open

目录

location对象的定义和用法。

常用的几种方法。

window.open

参数

  返回值

document.write

Window.focus

实例

---

location对象的定义和用法。

href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 url。语法就是  location.href。

常用的几种方法。

在开发中用的比较多的几种形式，

• ① top.location.href="url"（在顶部页面打开url）
• ② self.location.href="url"（仅在本页面打开url）
• ③ window.location.href="url"（在当前页面打开url）
• ④ parent.location.href="url"（在父窗口打开url）
• ⑤ location.href="url"（在当前页面打开url）

window.open

window.open常用来在新的window或新的tab页打开一个页面或文件（如图片、PDF等），它支持三个参数：

window.open([url],[窗口名称],[参数字符串])；

参数

url

可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

窗口名称

第二个参数是打开方式设置

• _blank - URL加载到一个新的窗口。这是默认 （空白窗口）
• _parent - URL加载到父框架（父窗口）
• _self - URL替换当前页面（当前窗口）
• _top - URL替换任何可加载的框架集 （顶级窗口）
• 窗口名称：Url允许传入空值。此时第二个参数必须传入一个已打开的窗口的名字，从而获取这个窗口的引用：这样就可以在不打开新窗口的情况下获得窗口名为'baidu'的窗口的引用。

// 打开一个窗口
let win = window.open('https://www.baidu.com', 'baidu');
 
// 通过窗口名获取上述窗口
let refWin = window.open('', 'baidu');

窗口参数描述，

window.open()方法第三个参数主要用于设置窗口的属性，例如，以固定的宽度和高度窗口打开链接，

  返回值

window.open返回的是对新打开的窗口的引用，即该窗口的window对象：不过这里引用到的window对象并不具备完整的DOM属性和方法，它仅仅提供了访问该页面的一些基本属性和方法，

• blur()，手动移除窗口焦点的方法，refWin.blur()可使该窗口失去焦点。
• close()，关闭该窗口的方法。
• closed，标识该窗口是否已经被关闭。
• frames，新窗口内的frames。
• length，新窗口内iframes的数量。
• location，新窗口window的location对象，用于访问窗口的地址信息。
• opener，该窗口的打开者。如我们在a页面通过window.open打开b页面，那么b页面的window.opener就是a页面的window。
• parent，该窗口的父窗口，由于是顶级窗口，因此它的值等于window自身。
• postMessage，通信接口，通过该方法可以实现向新窗口发送消息，优势是支持跨域。
• self、window、top，前两个均代指当前window，top指的是当前窗口所在页面的顶级窗口，由于自身已经是顶级窗口，因此top也是当前window。
   

document.write

document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲染新的页面。

• 语法：document.write()
• 参数：字符串，可以传多个字符串参数
• 返回值：undefined

Window.focus

Window.focus()的作用是让页面成为当前窗体 ,focus对象可以让已经最小化的窗口重新获得焦点，从而弹出原页面window.focus();，

实例

在新浏览器窗口中打开 www.runoob.com ：

function open_win() {
    window.open("https://www.runoob.com");
}

下面的示例在一个新的浏览器打开一个 window 空白页：

function openWin(){
    myWindow=window.open('','','width=200,height=100');
    myWindow.document.write("
这是'我的窗口'
");
    myWindow.focus();
}