http://blog.csdn.net/huangfoxjava/article/details/2973033
目錄視圖
摘要視圖
訂閱
各種彈出頁面的設計
window.open ('page.html') 用於控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑( http://)和相對路徑(../)均可。
用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放。
【2、經過設置后的彈出窗口】
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。
下面是一個完整的代碼。
怎么調用呢？
對源代碼稍微改動一下：
注意：2個窗口的name(newwindows和newwindow2)不要相同，或者干脆全部為空。OK？
【5、主窗口打開文件1.htm，同時彈出小窗口page.html】
如下代碼加入主窗口<head>區：
下面我們再對彈出的窗口進行一些控制，效果就更好了。如果我們再將一小段代碼加入彈出的頁面(注意是加入到page.html的HTML中，可不是主頁面中，否則...)，讓它10秒后自動關閉是不是更酷了？
首先，將如下代碼加入page.html文件的<head>區：
【7、在彈出窗口中加上一個關閉按鈕】
【8、內包含的彈出窗口-一個頁面兩個窗口】
上面的例子都包含兩個窗口，一個是主窗口，另一個是彈出的小窗口。
通過下面的例子，你可以在一個頁面內完成上面的效果。
【9、終極應用--彈出的窗口之Cookie控制】
回想一下，上面的彈出窗口雖然酷，但是有一點小毛病(沉浸在喜悅之中，一定沒有發現吧？)比如你將上面的腳本放在一個需要頻繁經過的頁面里(例如首頁)，那么每次刷新這個頁面，窗口都會彈出一次，是不是非常煩人？:-(
有解決的辦法嗎？Yes! ;-) Follow me.
我們使用cookie來控制一下就可以了。
首先，將如下代碼加入主頁面HTML的<HEAD>區：
寫到這里彈出窗口的制作和應用技巧基本上算是完成了，俺也累壞了，一口氣說了這么多，希望對正在制作網頁的朋友有所幫助俺就非常欣慰了。
需要注意的是，JS腳本中的的大小寫最好前后保持一致。
1.彈啟一個全屏窗口
【1、普通的彈出窗口】
其實代碼非常簡單：
<SCRIPT LANGUAGE=javascript>
<!--
window.open ('page.html')
-->
</SCRIPT>
因為這是一段javascripts代碼，所以它們應該放在<SCRIPT LANGUAGE=javascript>標簽和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養成這個好習慣啊。
<!--
window.open ('page.html')
-->
</SCRIPT>
window.open ('page.html') 用於控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑( http://)和相對路徑(../)均可。
用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放。
【2、經過設置后的彈出窗口】
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。
<SCRIPT LANGUAGE=javascript>
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
</SCRIPT>
參數解釋：
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
</SCRIPT>
<SCRIPT LANGUAGE=javascript> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
</SCRIPT> js腳本結束
【3、用函數控制彈出窗口】
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
</SCRIPT> js腳本結束
下面是一個完整的代碼。
<html>
<head>
<script LANGUAGE=javascript>
<!--
function openwin() {
window.open (page.html, newwindow, height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//寫成一行
}
//-->
</script>
</head>
<body onload=openwin()>
..任意的頁面內容...
</body>
</html>
這里定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有任何用途。
<head>
<script LANGUAGE=javascript>
<!--
function openwin() {
window.open (page.html, newwindow, height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//寫成一行
}
//-->
</script>
</head>
<body onload=openwin()>
..任意的頁面內容...
</body>
</html>
怎么調用呢？
方法一：<body onload=openwin()> 瀏覽器讀頁面時彈出窗口；
方法二：<body onunload=openwin()> 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調用：
<a href=注意：使用的“ 方法四：用一個按鈕調用：
<input type=button onclick=openwin() value=打開窗口>
【4、同時彈出2個窗口】
方法二：<body onunload=openwin()> 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調用：
<a href=注意：使用的“ 方法四：用一個按鈕調用：
<input type=button onclick=openwin() value=打開窗口>
對源代碼稍微改動一下：
<script LANGUAGE=javascript>
<!--
function openwin() {
window.open (page.html, newwindow, height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//寫成一行
window.open (page2.html, newwindow2, height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//寫成一行
}
//-->
</script>
為避免彈出的2個窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。最后用上面說過的四種方法調用即可。
<!--
function openwin() {
window.open (page.html, newwindow, height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//寫成一行
window.open (page2.html, newwindow2, height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//寫成一行
}
//-->
</script>
注意：2個窗口的name(newwindows和newwindow2)不要相同，或者干脆全部為空。OK？
【5、主窗口打開文件1.htm，同時彈出小窗口page.html】
如下代碼加入主窗口<head>區：
<script language=javascript>
<!--
function openwin() {
window.open(page.html,,width=200,height=200)
}
//-->
</script>
加入<body>區：
<a href=1.htm onclick=openwin()>open</a>即可。
【6、彈出的窗口之定時關閉控制】
<!--
function openwin() {
window.open(page.html,,width=200,height=200)
}
//-->
</script>
加入<body>區：
<a href=1.htm onclick=openwin()>open</a>即可。
下面我們再對彈出的窗口進行一些控制，效果就更好了。如果我們再將一小段代碼加入彈出的頁面(注意是加入到page.html的HTML中，可不是主頁面中，否則...)，讓它10秒后自動關閉是不是更酷了？
首先，將如下代碼加入page.html文件的<head>區：
<script language=javascript>
function closeit() {
setTimeout(self.close(),10000) //毫秒
}
</script>
然后，再用<body onload=closeit()> 這一句話代替page.html中原有的<BODY>這一句就可以了。(這一句話千萬不要忘記寫啊！這一句的作用是調用關閉窗口的代碼，10秒鍾后就自行關閉該窗口。)
function closeit() {
setTimeout(self.close(),10000) //毫秒
}
</script>
【7、在彈出窗口中加上一個關閉按鈕】
<FORM>
<INPUT TYPE='BUTTON' value='關閉' onClick='window.close()'>
</FORM>
呵呵，現在更加完美了！
<INPUT TYPE='BUTTON' value='關閉' onClick='window.close()'>
</FORM>
【8、內包含的彈出窗口-一個頁面兩個窗口】
上面的例子都包含兩個窗口，一個是主窗口，另一個是彈出的小窗口。
通過下面的例子，你可以在一個頁面內完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE=javascript>
function openwin()
{
OpenWindow=window.open(, newwin, height=250, width=250,toolbar=no,scrollbars=+scroll+,menubar=no);
//寫成一行
OpenWindow.document.write(<TITLE>例子</TITLE>)
OpenWindow.document.write(<BODY BGCOLOR=OpenWindow.document.write(<h1>Hello!</h1>)
OpenWindow.document.write(New window opened!)
OpenWindow.document.write(</BODY>)
OpenWindow.document.write(</HTML>)
OpenWindow.document.close()
}
</SCRIPT>
</head>
<body>
<a href=<input type=button onclick=openwin() value=打開窗口>
</body>
</html>
看看 OpenWindow.document.write()里面的代碼不就是標准的HTML嗎？只要按照格式寫更多的行即可。千萬注意多一個標簽或少一個標簽就會出現錯誤。記得用OpenWindow.document.close()結束啊。
<head>
<SCRIPT LANGUAGE=javascript>
function openwin()
{
OpenWindow=window.open(, newwin, height=250, width=250,toolbar=no,scrollbars=+scroll+,menubar=no);
//寫成一行
OpenWindow.document.write(<TITLE>例子</TITLE>)
OpenWindow.document.write(<BODY BGCOLOR=OpenWindow.document.write(<h1>Hello!</h1>)
OpenWindow.document.write(New window opened!)
OpenWindow.document.write(</BODY>)
OpenWindow.document.write(</HTML>)
OpenWindow.document.close()
}
</SCRIPT>
</head>
<body>
<a href=<input type=button onclick=openwin() value=打開窗口>
</body>
</html>
【9、終極應用--彈出的窗口之Cookie控制】
回想一下，上面的彈出窗口雖然酷，但是有一點小毛病(沉浸在喜悅之中，一定沒有發現吧？)比如你將上面的腳本放在一個需要頻繁經過的頁面里(例如首頁)，那么每次刷新這個頁面，窗口都會彈出一次，是不是非常煩人？:-(
有解決的辦法嗎？Yes! ;-) Follow me.
我們使用cookie來控制一下就可以了。
首先，將如下代碼加入主頁面HTML的<HEAD>區：
<script>
function openwin(){
window.open(page.html,,width=200,height=200)
}
function get_cookie(Name) {
var search = Name + =
var returnvalue = ;
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(;, offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie=popped=yes
}
}
</script>
然后，用<body onload=loadpopup()>（注意不是openwin而是loadpop啊！）替換主頁面中原有的<BODY>這一句即可。你可以試着刷新一下這個頁面或重新進入該頁面，窗口再也不會彈出了。真正的Pop-Only-Once！
function openwin(){
window.open(page.html,,width=200,height=200)
}
function get_cookie(Name) {
var search = Name + =
var returnvalue = ;
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(;, offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie=popped=yes
}
}
</script>
寫到這里彈出窗口的制作和應用技巧基本上算是完成了，俺也累壞了，一口氣說了這么多，希望對正在制作網頁的朋友有所幫助俺就非常欣慰了。
需要注意的是，JS腳本中的的大小寫最好前后保持一致。
1.彈啟一個全屏窗口
<html>
<body onload=window.open(' http://www.7880.com','example01','fullscreen');>;
<b>www.e3i5.com</b>
</body>
</html>
2.彈啟一個被F11化后的窗口
<body onload=window.open(' http://www.7880.com','example01','fullscreen');>;
<b>www.e3i5.com</b>
</body>
</html>
<html>
<body onload=window.open('' http://www.7880.com','example02','channelmode');>;
<b>www.e3i5.com</b>
</body>
</html>
3.彈啟一個帶有收藏鏈接工具欄的窗口
<body onload=window.open('' http://www.7880.com','example02','channelmode');>;
<b>www.e3i5.com</b>
</body>
</html>
<html>
<body onload=window.open(' http://www.7880.com','example03','width=400,height=300,directories');>
<b>www.e3i5.com</b>
</body>
</html>
<body onload=window.open(' http://www.7880.com','example03','width=400,height=300,directories');>
<b>www.e3i5.com</b>
</body>
</html>
4.網頁對話框
1. 將徹底屏蔽鼠標右鍵,無右鍵菜單
6.可以在收藏夾中顯示出你的圖標
7.關閉輸入法
8.永遠都會帶着框架
9.防止被人frame
13.內框架<IFRAME>使用
Iframe標記的使用格式是:
width、height：內部框架區域的寬與高；
scrolling:當SRC的指定的HTML文件在指定的區域不顯不完時，滾動選項，如果設置為NO，則不出現滾動條；如為Auto：則自動出現滾動條；如為Yes，則顯示; FrameBorder：區域邊框的寬度，為了讓“內部框架“與鄰近的內容相融合，常設置為0。
name:框架的名字，用來進行識別。
比如: 當你想用父框架控制內部框架時，可以使用： target=框架的名字來控制。
例子：<iframe name=mm src= http://www.7880.com;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>
14.自動跳轉
在源代碼中的<head>…</head>加入如下代碼：
15.如何改變鏈接的鼠標形狀
只需在鏈接上加上這一代碼就行的了
或者跟上面的用CSS寫也行
16.全屏顯示
17.設為首頁
19.flash圖片效果
以下代碼加入<head>區域
以下代碼加入<body>區域
20.load 進度條
21.背景圖片滾動
22.網頁不會被緩存
23.
24.最小化、最大化、關閉窗口
<html>
<SCRIPT LANGUAGE=javascript>
<!--
showModalDialog(' http://www.7880.com','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE=javascript>
<!--
showModelessDialog(' http://www.7880.com','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b> target=_blank>http://www.7880.com</b>
</body>
</html>
showModalDialog()或是showModelessDialog() 來調用網頁對話框，至於showModalDialog()與showModelessDialog()的區別，在於showModalDialog()打開的窗口（簡稱模式窗口），置在父窗口上，必須關閉才能訪問父窗口(建議盡量少用，以免招人反感)；showModelessDialog()（簡稱無模式窗口），打開后不必關閉也可訪問父窗口打開的窗口。
<SCRIPT LANGUAGE=javascript>
<!--
showModalDialog(' http://www.7880.com','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE=javascript>
<!--
showModelessDialog(' http://www.7880.com','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b> target=_blank>http://www.7880.com</b>
</body>
</html>
dialogHeight: iHeight 設置對話框窗口的高度。
dialogWidth: iWidth 設置對話框窗口的寬度。
dialogLeft: iXPos 設置對話框窗口相對於桌面左上角的left位置。
dialogTop: iYPos 設置對話框窗口相對於桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否將對話框在桌面上居中，默認值是“yes”。
help: {yes | no | 1 | 0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。
resizable: {yes | no | 1 | 0 } 指定是否對話框窗口大小可變。默認值是“no”。
status: {yes | no | 1 | 0 } 指定對話框窗口是否顯示狀態欄。對於非模式對話框窗口，默認值是“yes”；對於模式對話框窗口，默認值是 “no”。
網頁經典代碼
dialogWidth: iWidth 設置對話框窗口的寬度。
dialogLeft: iXPos 設置對話框窗口相對於桌面左上角的left位置。
dialogTop: iYPos 設置對話框窗口相對於桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否將對話框在桌面上居中，默認值是“yes”。
help: {yes | no | 1 | 0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。
resizable: {yes | no | 1 | 0 } 指定是否對話框窗口大小可變。默認值是“no”。
status: {yes | no | 1 | 0 } 指定對話框窗口是否顯示狀態欄。對於非模式對話框窗口，默認值是“yes”；對於模式對話框窗口，默認值是 “no”。
1. 將徹底屏蔽鼠標右鍵,無右鍵菜單
<body oncontextmenu=window.event.returnvalue=false>
也可以用於網頁中Table框架中
<table border oncontextmenu=return(false)><td>no</table>
2.取消選取、防止復制
也可以用於網頁中Table框架中
<table border oncontextmenu=return(false)><td>no</table>
<body onselectstart=return false>
3.不准粘貼
<body onpaste=return false>
4.防止復制
<body oncopy=return false; oncut=return false;>
5.IE地址欄前換成自己的圖標
<link rel=Shortcut Icon href=favicon.ico>
說明：關於favicon.ico文件的制作。你可以先在FW中做一個圖片，屬於你自己站點一個小圖標。然后在ACD see將文件屬性改為*.ico，然后將你做的*.ICO文件傳到你的服務器目錄中，然后就可以使用以上代碼來實現，當別人登陸你的站點時，地址欄里使用的就是你自定義的圖標了。
6.可以在收藏夾中顯示出你的圖標
<link rel=Bookmark href=favicon.ico>
說明：制作方法和上面的一樣。只是顯示的方式不同，這個是在別人收藏你的網頁地址時顯示的個性圖標。
7.關閉輸入法
<input style=ime-mode:disabled>
說明：這段代碼是在表格提交時用到的。也就是在輸入數據時不可以使用其他輸入法模式。
8.永遠都會帶着框架
<script language=javascript><!--
if (window == top)top.location.href = frames.htm;// --></script>
說明：frames.htm為你的網頁，這也是保護頁面的一種方法
if (window == top)top.location.href = frames.htm;// --></script>
9.防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10.網頁將不能被另存為
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
<noscript><iframe src=*.html></iframe></noscript>
說明：<noscirpt>的用法很廣，其中一條就是可以使JS廣告失效。
11.查源文件
說明：<noscirpt>的用法很廣，其中一條就是可以使JS廣告失效。
<input type=button value=查看網頁源代碼
onclick=window.location = 'view-source:'+ target=_blank>http://www.7880.com/test.htm';>
12.COOKIE腳本記錄，有很大的用處哦
onclick=window.location = 'view-source:'+ target=_blank>http://www.7880.com/test.htm';>
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代碼，請自己加起始符和結束符
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
}
}
13.內框架<IFRAME>使用
Iframe標記的使用格式是:
<iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x
name=main></iframe>
src：文件的路徑，既可是HTML文件，也可以是文本、ASP等
name=main></iframe>
width、height：內部框架區域的寬與高；
scrolling:當SRC的指定的HTML文件在指定的區域不顯不完時，滾動選項，如果設置為NO，則不出現滾動條；如為Auto：則自動出現滾動條；如為Yes，則顯示; FrameBorder：區域邊框的寬度，為了讓“內部框架“與鄰近的內容相融合，常設置為0。
name:框架的名字，用來進行識別。
比如: 當你想用父框架控制內部框架時，可以使用： target=框架的名字來控制。
例子：<iframe name=mm src= http://www.7880.com;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>
14.自動跳轉
在源代碼中的<head>…</head>加入如下代碼：
<meta http-equiv=refreshcontent=3;URL=http://www.7880.com; charset=gb2312>
說明：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區里就可以實現鼠標多樣化。
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
16.全屏顯示
<form>
<div align=center>
<input type=BUTTON name=FullScreen value=全屏顯示 onClick=window.open(document.location, 'big', 'fullscreen=yes')>
</div>
</form>
把它放到<body>區中。
<div align=center>
<input type=BUTTON name=FullScreen value=全屏顯示 onClick=window.open(document.location, 'big', 'fullscreen=yes')>
</div>
</form>
17.設為首頁
<script language=javascript>
<!--
function defaul_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage( http://www.7880.com/';
}
var focusok=false;
if (navigator.appName == Netscape{
focusok=true;
}
vers=navigator.appVersion;
if (navigator.appName == Microsoft Internet Explorer{
pos=vers.lastIndexOf('.');
vers=vers.substring(pos-1,vers.length);
}
proper_version=parseFloat(vers);
if(proper_version>=5){
focusok=true;
}
function launchstock1(htmlurl){
var stock=window.open(htmlurl,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=no,width=700,height=510;
if(focusok){
stock.focus();
}
return true;
}
function launchstock(){
var stock=window.open(,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=no,width=700,height=510;
if(focusok){
stock.focus();
}
return true;
}
// -->
</script>
<a href=# name=home onClick=defaul_home(); title===E代時光==>設為首頁</a>
18.這里是加入收藏夾的代碼
<!--
function defaul_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage( http://www.7880.com/';
}
var focusok=false;
if (navigator.appName == Netscape{
focusok=true;
}
vers=navigator.appVersion;
if (navigator.appName == Microsoft Internet Explorer{
pos=vers.lastIndexOf('.');
vers=vers.substring(pos-1,vers.length);
}
proper_version=parseFloat(vers);
if(proper_version>=5){
focusok=true;
}
function launchstock1(htmlurl){
var stock=window.open(htmlurl,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=no,width=700,height=510;
if(focusok){
stock.focus();
}
return true;
}
function launchstock(){
var stock=window.open(,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=no,width=700,height=510;
if(focusok){
stock.focus();
}
return true;
}
// -->
</script>
<a href=# name=home onClick=defaul_home(); title===E代時光==>設為首頁</a>
<a href=# onClick=window.external.addFavorite(
http://www.7880.com';.'拂曉雅閣') target=_self title=拂曉雅閣>加入收藏夾</a>
19.flash圖片效果
以下代碼加入<head>區域
<SCRIPT language=javascript>
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
以下代碼加入<body>區域
<img src=
/Upload/2005-05/logo.gif;; style=filte ... nbsp;onMouseOver=makevisible(this,0) onMouseOut=makevisible(this,1) width=63 height=56> //圖片地址請自己改
20.load 進度條
<table cellspacing=0 cellpadding=0 bgcolor=#FFFFFF width=40% id=P><tr><td>
<table cellspacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td></td></tr></table></td></tr></table>
</center>
<script language=javascript>
var R = 0; load();
function load() {R = R + 2; Q.style.width = R + %; time= setTimeout(load(),50);
if (R > 100) {clearTimeout(time); P.style.width=0}}
</script>
27 全屏
<script language=javascript>
window.open('index.asp','','fullscreen=1');
</script>
<table cellspacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td></td></tr></table></td></tr></table>
</center>
<script language=javascript>
var R = 0; load();
function load() {R = R + 2; Q.style.width = R + %; time= setTimeout(load(),50);
if (R > 100) {clearTimeout(time); P.style.width=0}}
</script>
27 全屏
<script language=javascript>
window.open('index.asp','','fullscreen=1');
</script>
21.背景圖片滾動
<body scroll=no background=images/bg.jpg link=#00FF00 alink=#FF0000 vlink=#00FF00 bgcolor=#000080 topmargin=8>
<script language=javascript>
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = 0 + backgroundOffset;}
var ScrollTimer = window.setInterval(scrollBG(410), 20)
</script>
<script language=javascript>
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = 0 + backgroundOffset;}
var ScrollTimer = window.setInterval(scrollBG(410), 20)
</script>
22.網頁不會被緩存
HTMl網頁
<META HTTP-EQUIV=pragma CONTENT=no-cache>
<META HTTP-EQUIV=Cache-Control CONTENT=no-cache, must-revalidate>
<META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT>
或者<META HTTP-EQUIV=expires CONTENT=0>
ASP網頁
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = no-cache
PHP網頁
header(Expires: Mon, 26 Jul 1997 05:00:00 GMT;
header(Cache-Control: no-cache, must-revalidate;
header(Pragma: no-cache;
<META HTTP-EQUIV=pragma CONTENT=no-cache>
<META HTTP-EQUIV=Cache-Control CONTENT=no-cache, must-revalidate>
<META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT>
或者<META HTTP-EQUIV=expires CONTENT=0>
ASP網頁
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = no-cache
PHP網頁
header(Expires: Mon, 26 Jul 1997 05:00:00 GMT;
header(Cache-Control: no-cache, must-revalidate;
header(Pragma: no-cache;
23.
<%
'定義數據庫連接的一些常量
Const adOpenForwardOnly = 0 '游標只向前瀏覽記錄，不支持分頁、Recordset、BookMark
Const adOpenKeyset = 1 '鍵集游標，其他用戶對記錄說做的修改將反映到記錄集中，但其他用戶增加或刪除記錄不會反映到記錄集中。支持分頁、Recordset、BookMark
Const adOpenDynamic = 2 '動態游標功能最強，但耗資源也最多。用戶對記錄說做的修改，增加或刪除記錄都將反映到記錄集中。支持全功能瀏覽(ACCESS不支持)。
Const adOpenStatic = 3 '靜態游標，只是數據的一個快照，用戶對記錄說做的修改，增加或刪除記錄都不會反映到記錄集中。支持向前或向后移動
Const adLockReadOnly = 1 '鎖定類型，默認的，只讀，不能作任何修改
Const adLockPessimistic = 2 '當編輯時立即鎖定記錄，最安全的方式
Const adLockOptimistic = 3 '只有在調用Update方法時才鎖定記錄集，而在此前的其他操作仍可對當前記錄進行更改、插入和刪除等
Const adLockBatchOptimistic = 4 '當編輯時記錄不會被鎖定，而更改、插入和刪除是在批處理方式下完成的
Const adCmdText = &H0001
Const adCmdTable = &H0002
%>
'定義數據庫連接的一些常量
Const adOpenForwardOnly = 0 '游標只向前瀏覽記錄，不支持分頁、Recordset、BookMark
Const adOpenKeyset = 1 '鍵集游標，其他用戶對記錄說做的修改將反映到記錄集中，但其他用戶增加或刪除記錄不會反映到記錄集中。支持分頁、Recordset、BookMark
Const adOpenDynamic = 2 '動態游標功能最強，但耗資源也最多。用戶對記錄說做的修改，增加或刪除記錄都將反映到記錄集中。支持全功能瀏覽(ACCESS不支持)。
Const adOpenStatic = 3 '靜態游標，只是數據的一個快照，用戶對記錄說做的修改，增加或刪除記錄都不會反映到記錄集中。支持向前或向后移動
Const adLockReadOnly = 1 '鎖定類型，默認的，只讀，不能作任何修改
Const adLockPessimistic = 2 '當編輯時立即鎖定記錄，最安全的方式
Const adLockOptimistic = 3 '只有在調用Update方法時才鎖定記錄集，而在此前的其他操作仍可對當前記錄進行更改、插入和刪除等
Const adLockBatchOptimistic = 4 '當編輯時記錄不會被鎖定，而更改、插入和刪除是在批處理方式下完成的
Const adCmdText = &H0001
Const adCmdTable = &H0002
%>
24.最小化、最大化、關閉窗口
<object id=hh1 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<param name=Command value=Minimize></object>
<object id=hh2 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<param name=Command value=Maximize></object>
<OBJECT id=hh3 classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11>
<PARAM NAME=Command value=Close></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=關閉 onclick=hh3.Click()>
說明：本例適用於IE
25.判斷上一頁的來源
asp頁:
request.servervariables(HTTP_REFERER
java script:
document.referrer
26.光標是停在文本框文字的最后
<script language=javascript>
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value=123 onfocus=cc()>
<param name=Command value=Minimize></object>
<object id=hh2 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<param name=Command value=Maximize></object>
<OBJECT id=hh3 classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11>
<PARAM NAME=Command value=Close></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=關閉 onclick=hh3.Click()>
說明：本例適用於IE
25.判斷上一頁的來源
asp頁:
request.servervariables(HTTP_REFERER
java script:
document.referrer
26.光標是停在文本框文字的最后
<script language=javascript>
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value=123 onfocus=cc()>
- 上一篇jsp分頁
- 下一篇實例講解Java中的接口的作用
- 主題推薦
- jsp
- 猜你在找
核心技術類目
全部主題
Hadoop
AWS
移動游戲
Java
Android
iOS
Swift
智能硬件
Docker
OpenStack
VPN
Spark
ERP
IE10
Eclipse
CRM
JavaScript
數據庫
Ubuntu
NFC
WAP
jQuery
BI
HTML5
Spring
Apache
.NET
API
HTML
SDK
IIS
Fedora
XML
LBS
Unity
Splashtop
UML
components
Windows Mobile
Rails
QEMU
KDE
Cassandra
CloudStack
FTC
coremail
OPhone
CouchBase
雲計算
iOS6
Rackspace
Web App
SpringSide
Maemo
Compuware
大數據
aptech
Perl
Tornado
Ruby
Hibernate
ThinkPHP
HBase
Pure
Solr
Angular
Cloud Foundry
Redis
Scala
Django
Bootstrap
-
文章搜索
-
閱讀排行
- 關於jsp網頁彈出窗口[很多種方法......](5764)
- jxl.jar包基礎——簡介(1842)
- jxl.jar實例說明(1770)
- JDK——安裝源代碼庫和文檔(1669)
- hibernate——實例【myeclipse自帶實例】(920)
- jxl.jar基礎——JXL中的方法介紹(743)
- jxl.jar基礎——導出數據庫信息(432)
- jsp_servlet【基礎】(428)
- 單態設計模式(Singleton Pattern)(342)
- 主要數據庫連接核心代碼【Java】(330)
-
評論排行
-
推薦文章
-
最新評論
- jxl.jar包基礎——簡介
shixi0821: 寫的很詳細，贊一個！
- JDK——安裝源代碼庫和文檔
chizhou52501314: 執行jar xvf ../src.zip，我出現了“無法創建目錄”？這個文檔在觀望是.zip文件...
- jxl.jar實例說明
苦苦的潛行者: 先收藏,慢慢看
- jxl.jar基礎——JXL中的方法介紹
匿名用戶:
- jxl.jar基礎——JXL中的方法介紹
匿名用戶:
- 網站客服 雜志客服 微博客服 webmaster@csdn.net 400-600-2320|北京創新樂知信息技術有限公司 版權所有|江蘇樂知網絡技術有限公司 提供商務支持
-
京 ICP 證 070598 號
|Copyright © 1999-2014, CSDN.NET, All Rights Reserved
暫無評論