jQuery是一款功能強大的JavaScript開發庫,可以幫助開發人員在客戶端開發中實現很多常見并且常規的操作。其中一個常用的功能是使用iframe在當前頁面中加載其他頁面。
在jQuery中,可以使用iframe
標簽以及.attr()
方法來實現頁內加載其他頁面。例如,下面的代碼可以在一個<div>
元素中加載指定URL的iframe頁面:
<div id="myIframe"> <iframe src="http://www.example.com"></iframe> </div> <script> $('#myIframe iframe').attr('src', 'http://www.example.com/page2.html'); </script>
然而,有時我們想要在當前頁面中新開一個tab或者彈窗來加載新的頁面,而不是在當前頁面中替換iframe的源。這時候,我們可以使用window.open()
方法來實現。
舉個例子,下面的代碼可以在新窗口中打開指定URL的頁面:
<script> window.open('http://www.example.com/page2.html', '_blank'); </script>
在這個情形下,_blank
參數告訴瀏覽器在新窗口中打開頁面而不是在當前頁面或者在iframe中打開頁面。需要注意的是,部分瀏覽器(如Chrome)可能會防止新窗口的彈出,因此你需要先在你的代碼中檢測瀏覽器的彈窗攔截器并且通過相關授權來允許彈出新的窗口。
上一篇css圖片循環切換
下一篇html5 轉速表代碼