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