首頁 > web前端 > js教程 > 如何使用 JavaScript 在新視窗中開啟 URL:綜合指南

如何使用 JavaScript 在新視窗中開啟 URL:綜合指南

Linda Hamilton
發布: 2024-11-04 02:54:02
原創
775 人瀏覽過

How to Open a URL in a New Window with JavaScript: A Comprehensive Guide

使用JavaScript 在新視窗中開啟URL:綜合解決方案

建立一個在新視窗中啟動目前頁面URL 的共用按鈕需要精確的JavaScript 語法。為了實現這一目標,我們求助於多功能的 window.open() 方法。

以下程式碼片段提供了一個全面的解決方案,結合了所需的URL 替換和視窗大小規格:

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>
登入後複製

我們來分解程式碼:

  • _blank_:這個參數指定新視窗將獨立於目前視窗。
  • location= yes: 此參數啟用在新視窗中顯示 URL 欄。
  • height=570, width=520: 這些參數設定新視窗的高度和寬度分別為 570px 和 520px。
  • scrollbars=yes, status=yes:這些參數使新視窗具有捲軸和狀態列。

當使用者點擊「共享頁面」連結時,將執行此 JavaScript 程式碼,在具有指定尺寸和其他功能的新視窗中開啟目前 URL。透過將 window.open() 與自訂的視窗屬性結合,您可以在單獨的視窗中無縫開啟特定的 URL,滿足您的精確要求。

以上是如何使用 JavaScript 在新視窗中開啟 URL:綜合指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板