JavaScript的open()方法：開啟新視窗

阿新 • • 發佈：2019-01-01

定義和用法

open() 方法用於開啟一個新的瀏覽器視窗或查詢一個已命名的視窗。

語法

window.open(URL,name,features,replace)

引數	描述
URL	一個可選的字串，聲明瞭要在新視窗中顯示的文件的 URL。如果省略了這個引數，或者它的值是空字串，那麼新視窗就不會顯示任何文件。
name	一個可選的字串，該字串是一個由逗號分隔的特徵列表，其中包括數字、字母和下劃線，該字元聲明瞭新視窗的名稱。這個名稱可以用作標記 <a> 和的屬性 target 的值。如果該引數指定了一個已經存在的視窗，那麼 open() 方法就不再建立一個新視窗，而只是返回對指定視窗的引用。在這種情況下，features 將被忽略。
features	一個可選的字串，聲明瞭新視窗要顯示的標準瀏覽器的特徵。如果省略該引數，新視窗將具有所有標準特徵。在視窗特徵這個表格中，我們對該字串的格式進行了詳細的說明。
replace	一個可選的布林值。規定了裝載到視窗的 URL 是在視窗的瀏覽歷史中建立一個新條目，還是替換瀏覽歷史中的當前條目。支援下面的值： true - URL 替換瀏覽歷史中的當前條目。 false - URL 在瀏覽歷史中建立新的條目。

例1：實現點選按鈕開啟多視窗。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> test </title>
  <meta charset="utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content 
="" />
 </head>
<script type="text/javascript">
<!--
//開啟多個視窗。因為有第三個引數，所以第二個引數及時為空也應寫為：""
    function func(){
        window.open("sub.html","","width=300,height=300,resizable=1");
        window.open("http://www.baidu.com","","width=30,height=30,resizable=1");
        window.open("http://www.sohu.com","","width=30,height=30,resizable=1");
    }

//-->
</script>
 <body >
    <input type="button" value="開啟子頁面" onclick="func()" />
 </body>
</html>

JavaScript的open()方法：開啟新視窗

定義和用法 open() 方法用於開啟一個新的瀏覽器視窗或查詢一個已命名的視窗。語法 window.open(URL,name,features,replace) 引

【JavaScript】JS開啟新視窗防止被瀏覽器阻止的方法

本文例項講述了JS開啟新視窗防止被瀏覽器阻止的方法。分享給大家供大家參考。具體分析如下：用傳統的window.open()方式開啟新視窗，會被瀏覽器阻止，那麼，我們如何才能讓JS開啟新視窗不被瀏覽器阻止呢？其實辦法還是有的，這裡我們就來分析一下如何解決這個問題我最近也

Javascript跳轉頁面和開啟新視窗等方法

1.在原來的窗體中直接跳轉用 onClick="window.location.href='你所要跳轉的頁面';" 2、在新窗體中開啟頁面用： onclick="window.open('你所要跳轉的頁面')" 3、返回上一頁（本地測試無效，伺服器上可用） win

Python爬蟲：selenium開啟新視窗和多視窗切換

上說可以通過傳送按鍵事件觸發，比如ctrl+T，不過我沒成功，使用了js開啟新視窗的方式程式碼示例 # -*- coding: utf-8 -*- # @File : switch_tab.py # @Date : 2018-07-27

Js 跳轉頁面和開啟新視窗的方法

window.open（‘要跳轉的網址’）:開啟新頁面開啟新視窗，預設是_blank window.close()：關閉使用JS建立的視窗，某些平臺不能關閉 window.history.go(1)：歷史記錄視窗 back：向後跳轉一個頁面

Window.open()方法引數詳解開啟新視窗

http://www.cnblogs.com/sofiawang/articles/1544631.html 1, 最基本的彈出視窗程式碼 window.open('page.html');2, 經過設定後的彈出視窗 window.open('page.html'

vue單頁面應用開啟新視窗顯示跳轉頁面的方法

一般單頁面應用，例如vue都是通過vue-router來做跳轉，不會像多頁應用一樣另起新頁面顯示，但是也不排除一些業務上的需要。一般情況下單頁面應用的路由跳轉我們都是通過簡單的一句話搞定：this.$router.push({name: 'abc'})以上是常規的通過路由的頁

window.open開啟新視窗被瀏覽器攔截的處理方法

window.open是javascript函式，該函式的作用是開啟一個新視窗或這改變原來的視窗,如果你直接在js中呼叫window.open()函式去開啟一個新視窗，瀏覽器會攔截你,那麼如何避免呢。注意，只有直接使用js呼叫 window.open(url); 開啟新視窗時，才會被攔截，如果是改變原理額

JS 開啟新視窗（新頁面）的方法

window.top 屬性，是返回當前視窗所屬的父級視窗。 window.open( ) 方法，是開啟新的視窗，具體方法引數參考菜鳥教程。本公司 hehuan基礎產品使用window.top.openhebyurl（" 名稱 "," URL路徑 "）的方法開啟新頁面。

ajax 請求開啟新視窗被攔截

ajax 請求開啟新視窗被攔截解決方法一：先開始開啟一個空的新視窗，然後改變新視窗的 url function demo() { //未請求前開啟新視窗 var newPage = window.open(); $.ajax({ url: "

ajax開啟新視窗實現

最近開發中碰到一個問題，有一場景需要在ajax驗證通過後在新視窗開啟一個url。一開始通過在非同步回撥函式中使用window.open()來實現，但是發現這種實現方式會被瀏覽器攔截，需要使用者進行瀏覽器設定才能開啟，但是這顯然不適合在網際網路應用中對使用者做這個限制。因此就想有沒有什麼辦法來解決

瀏覽器攔截開啟新視窗情況總結

在開啟一個新視窗時，由於瀏覽器的安全機制，使用者未始終允許的情況下，可能會觸發到瀏覽器攔截，無法正常直接彈出。網上有很多給出解決方案的隻言片語，不夠全面，所以針對自己遇到的問題做了詳細的情況分析。總結成文，避免以後混淆。只分析列舉使用 js 程式碼手動開啟新視窗的方式。測試程式碼用例在此幾種開

模態視窗post時不開啟新視窗

模態視窗的新增程式碼 <script> window.name = "myname"; </script> 模態視窗的部分程式碼——增加表單的target屬性 <form name="form1" method="post" actio

利用反射開啟新視窗

using System.Reflection; namespace WindowsFormsApp1 { public partial class Form1 : Form { int Value { get;

vue 路由跳轉開啟新視窗(被瀏覽器攔截)

今天做了一個功能是點選按鈕路由跳轉開啟新的視窗頁面第一種方法 <router-link target="_blank" :to="{path:'/FundManger/FundProductMoney', query:{managerId:fundcode}}&

js開啟新視窗，開啟新視窗遮蔽工具欄和位址列，視窗按規定大小顯示

opener=null; window.open ("http://baidu.com", "newwindow", "height=500, width=800, toolbar=no, menubar=no, scrollbars=no, resizab

selenium開啟新視窗以及視窗切換

package com.wiley.windows; import java.util.Set; import org.junit.AfterClass; import org.junit.BeforeClass; import org.junit.Test; imp

瀏覽器開啟新視窗被攔截問題

1. window.open() 方法和 form表單的submit方法需要使用者點選事件觸發，將其直接寫在點選事件內部，未被攔截 <!DOCTYPE html> <html lang="en"> <head> <met

點選Button實現開啟新視窗跳轉並且設定視窗大小並居中

1.在template中建立click事件 <div class="glyphicon glyphicon-plus-sign" title="點選我新增專案" @click="createnewproject"></div> 2.在methods中建立方法 m

幾個主流瀏覽器 Window.open開啟新視窗、模擬a標籤開啟新視窗的表現

Window.open開啟新視窗 1、常用瀏覽器開啟新視窗（正常開啟window.open）的的不同表現形式（PC/移動端） 2、Window.open在非同步處理中開啟（_blank） a標籤在非同步處理中開啟 -公眾號跳轉的微信瀏覽器都是單視窗多頁面開啟，沒有tab頁，詳情頁返回都會重新

JavaScript的open()方法：開啟新視窗

相關推薦