網(wǎng)頁javascript精華代碼集_基礎(chǔ)知識

【1、普通的彈出窗口】

　　是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標簽中的代碼作為文本顯示

出來。用單引號和雙引號都可以，只是不要混用。

【2、經(jīng)過設(shè)置后的彈出窗口】


　　參數(shù)解釋：

js腳本結(jié)束

【3、用函數(shù)控制彈出窗口】
　　下面是一個完整的代碼。









　　看看 OpenWindow.document.write()里面的代碼不就是標準的HTML嗎？只要按照格式寫更多的行即

可。千萬注意多一個標簽或少一個標簽就會出現(xiàn)錯誤。記得用OpenWindow.document.close()結(jié)束啊。


【9、彈出的窗口之Cookie控制】

　　回想一下，上面的彈出窗口雖然酷，但是有一點小毛病。比如你將上面的腳本放在一個需要頻繁經(jīng)

過的頁面里(例如首頁)，那么每次刷新這個頁面，窗口都會彈出一次，是不是非常煩人？:-(
　　解決辦法：
　　我們使用cookie來控制一下就可以了。首先，將如下代碼加入主頁面HTML的區(qū)：


[url]www.e3i5.com[/url]





target=_blank>[url]http://www.pconline.com.cn[/url]



　　showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()打開模式窗口，

showModelessDialog()打開無模式窗口。

dialogHeight: iHeight 設(shè)置對話框窗口的高度。
dialogWidth: iWidth 設(shè)置對話框窗口的寬度。 　　
dialogLeft: iXPos 設(shè)置對話框窗口相對于桌面左上角的left位置。
dialogTop: iYPos 設(shè)置對話框窗口相對于桌面左上角的top位置。
center: {yes no 1 0 } 指定是否將對話框在桌面上居中，默認值是“yes”。
help: {yes no 1 0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。 　　
resizable: {yes no 1 0 } 指定是否對話框窗口大小可變。默認值是“no”。
status: {yes no 1 0 } 指定對話框窗口是否顯示狀態(tài)欄。對于非模式對話框窗口，默認值是“yes”；

對于模式對話框窗口，默認值是 “no”。


網(wǎng)頁經(jīng)典代碼
1. 將徹底屏蔽鼠標右鍵,無右鍵菜單


也可以用于網(wǎng)頁中Table框架中

no

2.取消選取、防止復(fù)制



3.不準粘貼



4.防止復(fù)制



5.IE地址欄前換成自己的圖標


說明：關(guān)于favicon.ico文件的制作。你可以先在FW中做一個圖片，屬于你自己站點一個小圖標。然后在

ACD see將文件屬性改為*.ico，然后將你做的*.ICO文件傳到你的服務(wù)器目錄中，然后就可以使用以上代

碼來實現(xiàn)，當(dāng)別人登陸你的站點時，地址欄里使用的就是你自定義的圖標了。


6.可以在收藏夾中顯示出你的圖標


說明：制作方法和上面的一樣。只是顯示的方式不同，這個是在別人收藏你的網(wǎng)頁地址時顯示的個性圖

標。


7.關(guān)閉輸入法


說明：這段代碼是在表格提交時用到的。也就是在輸入數(shù)據(jù)時不可以使用其他輸入法模式。


8.永遠都會帶著框架



10.網(wǎng)頁將不能被另存為

說明：的用法很廣，其中一條就是可以使JS廣告失效。


11.查源文件
onclick=window.location = 'view-source:'+ target=_blank>[url]http://bbs.055.cn/test.htm

[/url]';>


12.COOKIE腳本記錄，有很大的用處哦

function get_cookie(Name) {
var search = Name + =

var returnvalue = ;

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(;, offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

}

return returnvalue;

}


function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

documents.cookie=popped=yes

}

}

說明：以上是JS代碼，請自己加起始符和結(jié)束符


13.內(nèi)框架使用
Iframe標記的使用格式是: 　　

name=main>
src：文件的路徑，既可是HTML文件，也可以是文本、ASP等　　
width、height：內(nèi)部框架區(qū)域的寬與高； 　　
scrolling:當(dāng)SRC的指定的HTML文件在指定的區(qū)域不顯不完時，滾動選項，如果設(shè)置為NO，則不出現(xiàn)滾動

條；如為Auto：則自動出現(xiàn)滾動條；如為Yes，則顯示; 　FrameBorder：區(qū)域邊框的寬度，為了讓“內(nèi)

部框架“與鄰近的內(nèi)容相融合，常設(shè)置為0。
name:框架的名字，用來進行識別。
比如: 　當(dāng)你想用父框架控制內(nèi)部框架時，可以使用： target=框架的名字來控制。

例子：
marginheight= ... ot; frameborder=0 scrolling=no>

14.自動跳轉(zhuǎn)
在源代碼中的…加入如下代碼：


說明：content=3 表示3秒刷新到URL


15.如何改變鏈接的鼠標形狀
只需在鏈接上加上這一代碼就行的了
或者跟上面的用CSS寫也行

style=cursor:hand　　　　　 　style=cursor:crosshair
style=cursor:text 　　　　　　style=cursor:wait
style=cursor:move 　　　　　　style=cursor:help
style=cursor:e-resize 　　　　
style=cursor:n-resize
style=cursor:nw-resize 　 　　style=cursor:w-resize
style=cursor:s-resize 　　　　
style=cursor:se-resize
style=cursor:sw-resize

以上代碼你只需要加到連接或是頁面的style區(qū)里就可以實現(xiàn)鼠標多樣化。


16.全屏顯示

把它放到中。


17.設(shè)為首頁


以下代碼加入區(qū)域

(this,0) onMouseOut=makevisible(this,1) width=63 height=56> //圖片地址請自己改


20.load 進度條

id=Q>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com