2. 程式人生 > >如何通過 js 開啟一個新的瀏覽器視窗

如何通過 js 開啟一個新的瀏覽器視窗

阿新 • • 發佈：2018-12-14

Aphorism

Grow In Errors!

前言

最近 腎七 電池不耐用了， 想想 左腹就隱隱作痛， 咳咳 ，迴歸正題， 我就聯絡了下 apple 客服，準備換個 電池，2018年 12.31 前 更換蘋果電池是有優惠政策的。 在開啟 聊天室的時候， 突然 發現 瀏覽器重新打開了 視窗； 又回想到了 之前公司的 登陸 表單也是 在一個小視窗中開啟輸入登陸資訊的。 嗯， 強迫症來了

主要api

  1. window.open 開啟動作
  2. window.opener 由誰開啟的

開啟新的 tab 和 開啟新的 瀏覽器視窗

origin page

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>origin Page</title>
</head>

<body>
    i am origin page!
    <br>
    <p>
        <a href="javascript:;" onclick="jumpPage();">window.open 開啟新標籤頁</a>
 

    </p>
    <p>
        <a href="http://www.w3school.com.cn" target="_blank">html方式 開啟新標籤頁</a>
    </p>
    <p>
        <a href="javascript:;" onclick="openRequestedPopup();">window.open 開啟新的瀏覽器視窗</a>
    </p>
    <br>
    <script>
    window.
 
name = "origin";

    function open_win() {
        window.open("http://www.w3school.com.cn")
    }

    function jumpPage() {
        window.open("http://www.w3school.com.cn", 'hello');
    }

    var windowObjectReference;
    var strWindowFeatures = "width=1000,height=500,menubar=yes,location=yes,resizable=yes,scrollbars=true,status=true";


    function openRequestedPopup() {
        // windowObjectReference = window.open("http://www.w3school.com.cn", "CNN_WindowName", strWindowFeatures);
        windowObjectReference = window.open("./b.html", "B_page", strWindowFeatures);
  
        setTimeout(function () {
         	//windowObjectReference.close(); // 我們頁面中關閉 或進行其他操作 開啟的 視窗頁

         	console.log(windowObjectReference.position); // 10s 後 在origin winodw 控制檯 列印 B_page 視口物件中的position 成員
         }, 10000);
    }
    </script>
</body>
</html>

b page

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>b page</title>
</head>
<body>
	i am b page!
	<script>
		console.log(window.name);
		var position = "b page";
		console.log(window.opener.name); // 通過這個方法獲取 源視窗物件 //  注意跨域頁面是不能獲取到的
	</script>
</body>
</html>

開啟新的 tab 標籤頁 就不多做解釋了

我們通過 window.open 方法 的第三個引數 strWindowFeatures 配置後， 就可以在新的視窗中開啟， 該方法會返回 開啟的視窗物件。 在新的視窗中，我們也可以通過 window.opener 來獲取到 源視窗 物件。

相關推薦

如何通過 js 開啟一個新的瀏覽器視窗

Aphorism Grow In Errors! 前言 最近 腎七 電池不耐用了， 想想 左腹就隱隱作痛， 咳咳 ，迴歸正題， 我就聯絡了下 apple 客服，準備換個 電池，2018年 12.31 前 更換蘋果電池是有優惠政策的。 在開啟 聊天室的時候， 突然 發現 瀏覽器

html js開啟一個新的頁面

1.在同當前視窗中開啟視窗 <a href="http://www.baidu.com" title="baidu">baidu</a> 等效js程式碼 window.loca

Extjs中開啟一個新的視窗並載入一個url

function createWin(w, h, x, y){ var win = Ext.create('Ext.window.Window',{ title: ‘窗體標題’, layout: 'fit', //設定佈局模式為f

QML在當前視窗開啟一個新的視窗

在當前視窗的qml檔案中：nowShowWindow.qml window { id: inletSettingPanel title: "主視窗" minimumWidth: 270 minimumHeight: 660

js通過按鈕button點選彈出一個新的視窗頁面

<SCRIPT LANGUAGE="javascript"> 　　<!-- 　　window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scro

window.open開啟一個新視窗/子視窗中呼叫父視窗的方法

window.open 只打開一個視窗是將      oNewWindow   =   window   .   open   (   sURL   ,   sName   ,   sFeatures   ,   bReplace   ) 中的sName 設定成一個固定值，如果有框架的話設定成“_top”

C#開啟一個新視窗關閉當前視窗時卡死的問題

這個問題是這樣的，有三個Windows窗體（如圖，以下主窗體Form1不考慮，只考慮Form2、Form3），現在打開了Form2，我想點Form2的“button1"來開啟Form3同時關掉Form2，     但出現如下圖的情況，Form2跟Form3兩個視窗不斷反覆出現

Layui-admin-iframe通過頁面連結直接在iframe內開啟一個新的頁面，實現單頁面的效果

前言： 　　使用Layui-admin做後臺管理框架有很長的一段時間了，但是一直沒有對框架內iframe選單欄切換跳轉做深入的瞭解。今天有一個這樣的需求就是通過獲取超連結中傳遞過來的跳轉地址和對應的tabs的title名稱引數，在layui-admin-iframe中自動開啟一個新的tabs頁面，不需要點選左

2.2.1 傳播行為 當事務方法被另一個事務方法調用時，必須指定事務應該如何傳播。例如：方法可能繼續在現有事務中運行，也可能開啟一個新事務，並在自己的事務中運行。

相同 comment 自己的 執行 run lose 傳播 tty 可能 2.2.1 傳播行為 當事務方法被另一個事務方法調用時，必須指定事務應該如何傳播。例如：方法可能繼續在現有事務中運行，也可能開啟一個新事務，並在自己的事務中運行。 2.2.1 傳播行為 當事務

手把手教你ExtJS從入門到放棄——篇五(示例1：點選按鈕開啟一個自定義視窗)

 例1:點選按鈕開啟一個window，window重複建立的問題 重點分析：這個問題是初學者經常會犯錯的地方，一般來說簡單的程式碼不會產生此問題，但是如果以後程式碼複雜以後，這個問題如果發生除錯起來會非常麻煩！！ 不多說，JSP部分程式碼如下 003wind

windows程式設計 建立一個新的視窗

#include <windows.h> LRESULT CALLBACK myProc(HWND, UINT, WPARAM, LPARAM); int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR

VirtualBox報錯：不能為虛擬電腦XXX開啟一個新任務

出現此問題的原因分很多種。需要仔細分析一下自己在成功啟動後做了什麼操作。 我這裡提供一個最簡單的發生環境，即本地virtualBox的IP與FTP的IP衝突,我在更改介面卡設定中 禁用了virtualBox的ip，然後過了很長的時間，忘記了這個事情，再啟動virtualBox 就報了題目上的

VirtualBox載入虛擬光碟機遇到的錯誤，不能為虛擬電腦 centos7 開啟一個新任務.win7 64位主題原檔案

不能為虛擬電腦 centos7 開啟一個新任務. Unable to load R3 module C:\Program Files\Oracle\VirtualBox/VBoxDD.DLL (VBoxDD): Ge

java中開啟一個新執行緒

//實現方法pubRmRecordByRmPlanId @Override public OperateResult pubRmRecordByRmPlanId(Long rmPlanId,String taskBeginDate,UserInfo userInfo) { ...

如何通過js關閉微信瀏覽器頁面

最近在專案開發中，有一個支付頁面當用戶支付成功的時候需要通過js主動關閉這個頁面。這個在其他瀏覽器比較好實現直接用window物件中的api就可以 如何通過js關閉微信瀏覽器頁面 最近在專案開發中，有一個支付頁面當用戶支付成功的時候需要通過js主動關閉這個頁面。這個在其他瀏覽器比較好

Java 呼叫外部程式，開啟一個新的程序

背景:java 支援多執行緒，這是絕大多數程式都滿足的必要條件，因為多執行緒個可以增加程式的“吞吐量”，提高使用者對軟體的流暢性體驗。             同時，java程式也支援開啟新的程序，或者叫做java呼叫外部應用程式。這裡的實現方式java提供了兩個類:Proc

通過JS自動隱藏手機瀏覽器的位址列

       大家通過手機自帶瀏覽器開啟百度、淘寶，在首頁載入完畢後，會自動隱藏頁面上方的位址列，加之這些網站針對手機瀏覽器做了優化，乍看之下，還真難區分這是WEB APP還是Native App，如下左側圖片為通過safari開啟淘寶網的首頁，要不是因為底下

Android在開啟一個新的Activity瀏覽大圖時使用ImageView/PhotoView的時候圖片顯示在螢幕上部的問題

如題：昨天再做這個需求時，先在xml裡面放入的是一個ImageView來載入圖片，在載入完圖片時使用 PhotoViewAttacher attacher = new PhotoViewAttacher(ivBigImageView); 達到的效果是當點開瀏覽大圖的Activity頁面時圖片

怎樣通過程式碼開啟或者關閉瀏覽器控制檯？-How do I close the browser console with code in the console

see:https://stackoverflow.com/questions/25515697/how-do-i-close-the-browser-console-with-code-in-the-console?r=SearchResults 據我所知，沒有一個瀏覽器允許通過程式碼

VirtualBox 不能為虛擬電腦 openfiler 開啟一個新任務

soft version:VirtualBox-4.1-4.1.12_77245_fedora16-1.x86_64.rpm[[email protected] ~]$ uname -aLinux tp 3.1.0-7.fc16.x86_64 #1 SMP Tue