2010-11-17 90 views
1

我有2個鏈接的HTML頁面一樣如何使用JavaScript打開多個獨立的瀏覽器窗口?

<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上工作。 如何創建這樣的事情?

回答

2

目標= 「_空白」 是無效的

在JS你可以用window.open()

window.open(URL,WidowName,選項)

做到這一點,您有這個選項 1. width = 300 使用它來定義新窗口的寬度。

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

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

  3. scrollbars = yes or no 這可讓您決定是否在窗口上顯示滾動條。

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

  5. location =是或否 是否希望顯示當前網址的位置框(輸入http://address的地方)。

  6. directories = yes或no 窗口是否顯示額外的按鈕。 (什麼是酷,個人按鈕等...)。

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

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

  9. copyhistory =是或否 是否將舊瀏覽器窗口的歷史列表複製到新窗口。

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

有效的jQuery和HTML的解決方案是

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

爲什麼是 「目標=」 _空白 「」 無效?我可以看到爲什麼你會提供window.open的參數,儘管這當然只是JS而不是JQuery,並且您可能需要仔細檢查它是否不會使用unqiue命名或類似命令重新使用打開的窗口,但是我不明白爲什麼target = _blank是「無效的」... – Basic 2010-11-17 13:07:21

+0

http://www.w3.org/MarkUp/2004/xhtml-faq#target – rterrani 2010-11-17 13:14:05

+1

現場和學習:) +1 from me – Basic 2010-11-17 16:13:58

5

您可以將目標屬性設置爲_blank

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

這將在一個新的窗口或根據瀏覽器設置一個選項卡中打開新的一頁。

2

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

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

1

target =「_ blank」是解決此問題的最佳方法,因爲它不涉及JavaScript。請記住,這個屬性是皺眉,你應該真的讓用戶決定是否要在新窗口或當前使用的窗口中打開鏈接的頁面。 W3C同意這一點,因此您的代碼將不會使用其驗證工具進行驗證。

或者,本文介紹如何實施jQuery solution

相關問題