網(wǎng)站制作技術(shù)普及之如何使用JavaScript打開新窗口

2022-05-19 分類：網(wǎng)站制作

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

JavaScript Window Open()方法的語法

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

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

并自定義每個參數(shù)。

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

URL參數(shù)

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

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

名稱參數(shù)

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

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

規(guī)格

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

height=像素：此規(guī)范以像素為單位設(shè)置新窗口的高度?？梢暂斎氲淖钚≈禐?00。
width=像素：這將以像素為單位設(shè)置新窗口的寬度。最小值為100。
left=像素：此等級庫設(shè)置新窗口的左側(cè)位置。不能輸入負值。
top=像素：這將設(shè)置新窗口的頂部位置。不能使用負值。
menubar=yes|no|1|0：使用此等級庫指示是否顯示菜單欄。
status=yes|no|1|0：這表示是否添加狀態(tài)欄。

某些規(guī)格是特定于瀏覽器的：

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

替換

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

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

網(wǎng)站題目：網(wǎng)站制作技術(shù)普及之如何使用JavaScript打開新窗口
分享鏈接：http://www.muchs.cn/news1/154851.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

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

猜你還喜歡下面的內(nèi)容