1. 防止被欠入
<script language="javascript">
<!--
if(window!=window.top){top.location.href=location.href;}
//-->
</script>
2.永遠都會帶著架構
<script language="javascript">
<!--
if (window == top)top.location.href = "frames.htm";
// -->
</script>
說明：frames.htm為你的網頁，這也是保護頁面的一種方法
3.網頁將不能被另存新檔
<noscript><iframe src=*.html></iframe></noscript>
說明：<noscirpt>的用法很廣，其中一條就是可以使JS廣告失效
4.自動跳轉
在原始碼中的<head>…</head>加入
<meta http-equiv="refresh" content="8;URL=http://www.liqun.net">
說明：content="8" 表示8秒重新整理到URL
5.開啟視窗立即最大化
<script language="javascript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>
6.加入背景音樂
<bgsound src="mid/min1.mid" loop="-1"> 只適用於IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 對Netscape ,IE 都適用
7.網頁過渡方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值為網頁動態過渡的時間，單位為秒。
Transition是過渡方式，它的值為0到23，分別對應24種過渡方式。如下表：
0 盒狀收縮 1 盒狀放射
2 圓形收縮 3 圓形放射
4 由下往上 5 由上往下
6 從左至右 7 從右至左
8 垂直百葉窗 9 水平百葉窗
10 水平格狀百葉窗 11垂直格狀百葉窗
12 隨意溶解 13從左右兩端向中間展開
14從中間向左右兩端展開 15從上下兩端向中間展開
16從中間向上下兩端展開 17 從右上方向左下角展開
18 從右下角向左上方展開 19 從左上方向右下角展開
20 從左下角向右上方展開 21 水平線狀展開
22 垂直線狀展開 23 隨機產生一種過渡方式
網頁過渡方式執行個體:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" />
8.控制橫向和縱向捲軸
<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯
9.添加到收藏夾：
<a href="java script:window.external.addFavorite('http://www.liqun.net',www.liqun.net');">添加到收藏夾</a>
<a style="cursor:hand"
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>
10.設為首頁：
<a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.liqun.net');>設為首頁</a>
<a style="cursor:hand"
onclick="this.style.behavior="url(#default#homepage)";
this.setHomePage(http://www.liqun.net/);">">設為首頁</a>
11.狀態列的特效顯示
<script language=javascript>kstatus();
function cm(){
self.status="liqun.net";
setTimeout("cm()",0);
}</script>
12.開啟網站立即加入收藏夾
<script>
if (navigator.appName == 'Microsoft Internet Explorer' && parseInt(navigator.appVersion) >= 4)
{
window.external.AddFavorite('http://www.liqun.net', '利群');
}
</script>
13.關閉視窗時不彈出提示資訊
<a href="#" _fcksavedurl=""#"" onClick="javascrip:window.opener=null;window.close()">關閉</a>
14.背景色彩坡形
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#F6F9FE'',gradientType='0')
15.背景顏色透明
filter:alpha(opacity=75)
16.快顯視窗屬性
<script language="javascript">
<!--
window.open ('page.html', 'newwindow', '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' 快顯視窗的名字（不是檔案名稱），非必須，可用空''代替；
100 視窗高度；
width=400 視窗寬度；
top=0 視窗距離螢幕上方的象素值；
left=0 視窗距離螢幕左側的象素值；
toolbar=no 是否顯示工具列，yes為顯示；
menubar，scrollbars 表示功能表列和滾動欄。
resizable=no 是否允許改變視窗大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態列內的資訊（通常是檔案已經開啟），yes為允許；
</script> js指令碼結束
17.背景顏色變換
<script type=text/javascript>
function scbg(objRef, state) {
objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';
return;
}
</script>
<div onmouseover="scbg(this, 1);" onmouseout="scbg(this, 0);">
18.表格的展開與隱藏
<script language="vbscript">
function showhide(showobject)
if document.all(showobject).style.display="" then
document.all(showobject).style.display="none"
else
document.all(showobject).style.display=""
end if
end function
</script>
應用效果
<a href='vbscript:showhide("cont")'>展開或者隱藏</a><br>
<div id="cont">控制的內容約制</div>
使用 a 的連結來控制 id="cont" 的展開或者隱藏
19.捲軸顏色
body{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFB900;
scrollbar-track-color:#EEEEEE;
scrollbar-darkshadow-color:#FFFFFF;}
SCROLLBAR-FACE-COLOR 捲軸凸出部分的顏色
SCROLLBAR-HIGHLIGHT-COLOR 捲軸空白部分的顏色
SCROLLBAR-SHADOW-COLOR 立體捲軸陰影的顏色
SCROLLBAR-3DLIGHT-COLOR 捲軸亮邊的顏色
SCROLLBAR-ARROW-COLOR 上下按鈕上三角箭頭的顏色
SCROLLBAR-TRACK-COLOR 捲軸的背景顏色
SCROLLBAR-DARKSHADOW-COLOR 捲軸強陰影的顏色
SCROLLBAR-BASE-COLOR 捲軸的基本顏色
20.查看IP地址,asp:
=Request.ServerVariables("REMOTE_ADDR")
21.顯示現在時間的指令碼
<script language=vbscript>document.write now</script>
22.顯示最後修改時間的指令碼
<script>document.write(document.lastModified)</script>
23.加入頻道
<a href=javascript:window.external.addChannel("typhoon.cdf")>加入頻道</a>
24.按下F12鍵,直接返回首頁
<script>function look(){
if(event.keyCode==123){document.location.href=http://www.liqun.net /}
}
if(document.onkeydown==null)
{document.onkeydown=look}
</script>
25.英文長欄位換行
word-break:break-all;
26.同一個元素內容不換行
white-space:nowrap;
27.首字母大寫顯示
text-transform:capitalize;
28.頁面寬度控制
<div id="divmain">
<!--[if IE]>
<SCRIPT>
var objmain = document.getElementById("divmain");
function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw <= 790) objmain.style.width="760px"; else if(bodyw >= 1016) objmain.style.width="980px"; else objmain.style.width="100%"; }
updatesize(); window.onresize = updatesize;
</SCRIPT>
</div>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
