網站制作技術普及之如何使用JavaScript打開新窗口

2022-05-19 分類：網站制作

在網站建設開發技術中，JavaScript應用非常廣泛，配合html5和css3可以實現很多交互及動畫效果。但是JavaScript的應喲紅絕不僅限于動畫。例如本文討論的主題，就是如何使用JavaScript打開新窗口。也許你此前一直在用傳統的鏈接技術打開新窗口，看完本文后或許會開啟另外一個思路。JavaScript是在新窗口中打開鏈接的有用方法，因為您可以通過包含規范來控制窗口的外觀以及它在屏幕上的位置。好了，接下來讓我們一起學習下，網站制作技術普及之如何使用JavaScript打開新窗口。需要特別注意的是，搜索引擎對JavaScript鏈接和打開新窗口的方式目前還不怎么接受，如果期待網站從搜索引擎上獲取一些流量，那么這種方法慎用。

JavaScript Window Open()方法的語法

要在新的瀏覽器窗口中打開URL，請使用Javascriptopen()方法，如下所示：

window.open(URL, name, specs, replace)

并自定義每個參數。

例如，下面的代碼打開一個新窗口，并使用參數指定其外觀。

URL參數

輸入要在新窗口中打開的頁面的URL。如果未指定URL，將打開一個新的空白窗口。

window.open("https://www.somewebsite.com", "_blank", "toolbar=yes,top=500,left=500,width=400,height=400");

名稱參數

name參數設置URL的目標。在新窗口中打開URL是默認設置，并以下方式指示：

_blank：為URL打開一個新窗口。
_self：將當前頁面替換為URL。
_parent：將URL加載到父幀中。
_top：替換已加載的任何框架集。

規格

“specs”參數是您通過輸入不帶空格的逗號分隔列表來自定義新窗口的位置。從以下值中進行選擇。

height=像素：此規范以像素為單位設置新窗口的高度。可以輸入的最小值為100。
width=像素：這將以像素為單位設置新窗口的寬度。最小值為100。
left=像素：此等級庫設置新窗口的左側位置。不能輸入負值。
top=像素：這將設置新窗口的頂部位置。不能使用負值。
menubar=yes|no|1|0：使用此等級庫指示是否顯示菜單欄。
status=yes|no|1|0：這表示是否添加狀態欄。

某些規格是特定于瀏覽器的：

location=yes|no|1|0：此規范指示是否顯示地址字段。僅適用于OperaBrowser。
resizeable=yes|no|1|0：確定是否可以調整窗口大小。僅用于IE。
location=yes|no|1|0：指示是否顯示滾動條。僅兼容IE、Firefox和Opera。
toolbar=yes|no|1|0：確定是否顯示瀏覽器工具欄。僅兼容IE和Firefox。

替換

此可選參數只有一個用途-指定在新窗口中打開的URL是替換瀏覽器歷史記錄列表中的當前條目，還是顯示為新條目。

如果為true，URL將替換歷史記錄列表中的當前瀏覽器條目。
如果為false，則URL將作為瀏覽器歷史記錄列表中的新條目列出。

網站題目：網站制作技術普及之如何使用JavaScript打開新窗口
分享鏈接：http://www.kartarina.com/news1/154851.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

合肥網站制作哪些方面容易拖質量后腿？_創新互聯 2022-05-18
高端網站制作和普通網站制作相比，需要注意的三大問題 2022-05-18
企業網站制作好之后保持網站內容更新，有哪些好處？ 2022-05-18
從專業網站制作角度講border:none;與border:0;的區別 2022-05-17
合肥企業網站制作中網站后臺構架有哪些注意事項？ 2022-05-17
網站建設網站制作都需要哪些基本步驟？ 2022-05-17
網站建設網站制作時可以吸引更多訪客的小技巧 2022-05-16
網站制作的美觀度與質量有關系嗎？看完就知道了 2022-05-16
企業網站制作費用差異在哪里？為什么合肥建站公司報價差距比較大？ 2022-05-16
如何選擇合肥營銷型網站制作公司 2022-05-16

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

網站制作技術普及之如何使用JavaScript打開新窗口