簡體   English   中英

如何使用JavaScript打開多個獨立的瀏覽器窗口?

[英]How to Open Multiple stand alone browser windows using JavaScript?

我有2個鏈接的HTML頁面,例如

<a href="http://www.w3schools.com/">Visit W3Schools</a>
<a href="http://www.w4schools.com/">Visit W4Schools</a>

我想當用戶單擊其中一個打開帶有該鏈接的新的功能強大的瀏覽器窗口時。 我希望用戶能夠從我的頁面中打開多個窗口。 我需要它通過純JS或使用jQuery來工作。 它需要在Safari 3和Internet Explorer 6,7,8中工作。 如何創造這樣的東西?

您可以將target屬性設置為_blank

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools</a>

這將在新窗口或選項卡中打開新頁面,具體取決於瀏覽器設置。

您可以使用<a href="blah" Target="_blank">Some text</a> ,它會提示瀏覽器打開新窗口,但是在某些瀏覽器中,特定的用戶設置/配置可以覆蓋此窗口。

除此之外,您不能強制操作系統從Javascript啟動瀏覽器的新實例-這將帶來巨大的安全風險!

Target =“ _ blank”無效

在js中,您可以使用window.open()完成此操作

window.open(URL,WidowName,Options)

您具有此選項1. width = 300使用此選項來定義新窗口的寬度。

  1. height = 200使用它來定義新窗口的高度。

  2. resizable = yes或no使用此選項控制您是否希望用戶能夠調整窗口大小。

  3. scrollbars = yes或no這使您可以決定是否在窗口上具有滾動條。

  4. 工具欄=是或否新窗口的頂部是否應該具有瀏覽器導航欄(后退,前進,停止按鈕等)。

  5. location =是或否是否希望顯示帶有當前URL的位置框(鍵入http:// address的位置 )。

  6. directory = yes或no窗口是否應顯示額外的按鈕。 (很棒的按鈕,個人按鈕等)。

  7. status =是或否是否在窗口底部顯示窗口狀態欄。

  8. menubar =是或否是否在窗口頂部顯示菜單(文件,編輯等)。

  9. copyhistory = yes或no是否將舊瀏覽器窗口的歷史記錄列表復制到新窗口。

http://www.pageresource.com/jscript/jwinopen.htm

有效的jQuery和html解決方案是

$("document").ready(function(){
   $(".blankTarget").live("click",function(){
      window.open($(this).attr("href"));
      return false;
   });
});

target =“ _ blank”是解決此問題的最佳方法,因為它不涉及javascript。 請記住,此屬性不適用,您應該讓用戶決定是否要在新窗口中或當前使用的窗口中打開鏈接頁面。 W3C對此表示贊同,因此您的代碼將無法使用其驗證工具進行驗證。

另外,本文還介紹了如何實現jQuery解決方案

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM