2012-09-28 134 views
0

///這是一個用於在JavaScript中顯示彈出窗口的代碼。如何防止用戶返回到父窗口,直到他關閉彈出窗口?防止子窗口打開時在父瀏覽器窗口中導航

<script type="text/javascript"> 
<!-- 
    var stile = "top=10, left=10, width=600, height=800 status=no, menubar=no, toolbar=no scrollbar=no"; 
    function Popup(apri) { 
     window.open(apri, "", stile); 
    } 
//--> 
</script> 
<a href="javascript:Popup('YOURPAGE.html')">show popup</a> 
+1

你不能用基於簡單的'window.open()'調用的機制來實現。 – Pointy

+3

讓你的問題更具描述性。 – petervaz

+2

而不是使用新窗口,你應該考慮創建一個[模態覆蓋](http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/) – ernie

回答

2

在不是彈出窗口的現代瀏覽器中,它是在瀏覽器中打開的新選項卡。檢查jquery或其他javascript庫以創建適當的模式彈出窗口。這就是你要找的。

退房http://jqueryui.com/demos/dialog/#modal

有一個極大這種外的現成解決方案在那裏......

0

window.open()將打開一個新的瀏覽器窗口或選項卡中,均未將阻止用戶從返回到父窗口。這種類型的窗口被稱爲modal window,並且是一種常見的UI範例。

我建議谷歌搜索javascript modaljavascript overlay,你會得到很多結果解釋如何做到這一點。這需要一些工作,但這是學習現代JavaScript技術的好教訓。

根據您的需要,您可能需要查看JavaScript庫來解決此問題,或者您可以手動編寫javascript和CSS。