在
網(wǎng)站建設(shè)開發(fā)技術(shù)中,JavaScript應(yīng)用非常廣泛,配合html5和css3可以實(shí)現(xiàn)很多交互及動(dòng)畫效果。但是JavaScript的應(yīng)喲紅絕不僅限于動(dòng)畫。例如本文討論的主題,就是如何使用JavaScript打開新窗口。也許你此前一直在用傳統(tǒng)的鏈接技術(shù)打開新窗口,看完本文后或許會(huì)開啟另外一個(gè)思路。JavaScript是在新窗口中打開鏈接的有用方法,因?yàn)槟梢酝ㄟ^包含規(guī)范來控制窗口的外觀以及它在屏幕上的位置。好了,接下來讓我們一起學(xué)習(xí)下,
網(wǎng)站制作技術(shù)普及之如何使用JavaScript打開新窗口。需要特別注意的是,搜索引擎對(duì)JavaScript鏈接和打開新窗口的方式目前還不怎么接受,如果期待網(wǎng)站從搜索引擎上獲取一些流量,那么這種方法慎用。
JavaScript Window Open()方法的語法
要在新的瀏覽器窗口中打開URL,請使用Javascriptopen()方法,如下所示:
window.open(URL, name, specs, replace)
并自定義每個(gè)參數(shù)。
例如,下面的代碼打開一個(gè)新窗口,并使用參數(shù)指定其外觀。
URL參數(shù)
輸入要在新窗口中打開的頁面的URL。如果未指定URL,將打開一個(gè)新的空白窗口。
window.open("https://www.somewebsite.com", "_blank", "toolbar=yes,top=500,left=500,width=400,height=400");
名稱參數(shù)
name參數(shù)設(shè)置URL的目標(biāo)。在新窗口中打開URL是默認(rèn)設(shè)置,并以下方式指示:
- _blank:為URL打開一個(gè)新窗口。
- _self:將當(dāng)前頁面替換為URL。
- _parent:將URL加載到父幀中。
- _top:替換已加載的任何框架集。
規(guī)格
“specs”參數(shù)是您通過輸入不帶空格的逗號(hào)分隔列表來自定義新窗口的位置。從以下值中進(jìn)行選擇。
- height=像素:此規(guī)范以像素為單位設(shè)置新窗口的高度??梢暂斎氲淖钚≈禐?00。
- width=像素:這將以像素為單位設(shè)置新窗口的寬度。最小值為100。
- left=像素:此等級(jí)庫設(shè)置新窗口的左側(cè)位置。不能輸入負(fù)值。
- top=像素:這將設(shè)置新窗口的頂部位置。不能使用負(fù)值。
- menubar=yes|no|1|0:使用此等級(jí)庫指示是否顯示菜單欄。
- 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:指示是否顯示滾動(dòng)條。僅兼容IE、Firefox和Opera。
- toolbar=yes|no|1|0:確定是否顯示瀏覽器工具欄。僅兼容IE和Firefox。
替換
此可選參數(shù)只有一個(gè)用途-指定在新窗口中打開的URL是替換瀏覽器歷史記錄列表中的當(dāng)前條目,還是顯示為新條目。
- 如果為true,URL將替換歷史記錄列表中的當(dāng)前瀏覽器條目。
- 如果為false,則URL將作為瀏覽器歷史記錄列表中的新條目列出。
網(wǎng)站題目:網(wǎng)站制作技術(shù)普及之如何使用JavaScript打開新窗口
分享鏈接:http://www.rwnh.cn/news1/154851.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)