當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JS代码集合

發(fā)布時間：2024/9/20 javascript 35 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS代码集合小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

1.點擊返回上頁代碼:
<form>
<p><input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"></p>
</form>
2.彈出警告框代碼:
<form>
<p><input TYPE="button" VALUE="彈出警告框" ONCLICK="AlertButton()"></p>
</form>
<script language="JavaScript"></script>
3.點擊打開新窗口
<form>
<p><input TYPE="button" VALUE="打開新窗口" ONCLICK="NewWindow()"></p>
</form>
<script language="JavaScript"></script></body>
4.刪除記錄時彈出確認框：
<script LANGUAGE="VBSCRIPT">
a=msgbox("真的要刪除該記錄嗎？",1,"注意")
if a=1 then
location="Dodelete.asp?id=<%=id%>" //指向執(zhí)行刪除的頁面Dodelete.asp
else
history.go(-1)
end if
</script>
5.關(guān)閉打開的窗口
<a href="/" οnclick="Java Script : window.close(); return false;">關(guān)閉窗口</a>
6.清空INPUT且選定
onClick="Java Script : this.value=''" onFocus="this.select()" onMouseOver="this.focus()"
7.右鍵屏蔽
<body οncοntextmenu=self.event.returnValue=false>
8.連串英文自動換行的解決方法 IE5.5
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改為指定的大小如 200px
9.圖片“重置”按鈕
<script language="jscript">
function myreset()
{ document.login.reset();
document.login.focus();}
</script>
<img src="image/reclear.gif" width="69" height="20" style="cursor:hand" οnfοcus="this.blur()" οnclick="myreset()">
10.畫細線表格
<table style="border-collapse: collapse">
11.狀態(tài)欄信息
<form>
<p><input TYPE="button" VALUE="狀態(tài)欄信息" ONCLICK="StatusButton()"></p>
</form>
<script language="JavaScript"></script>
12.最小化、最大化、關(guān)閉窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-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=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=關(guān)閉 οnclick=hh3.Click()>
本例適用于IE
13.隱藏狀態(tài)欄里出現(xiàn)的LINK信息
<a href="http://"; onMouseOver="window.status='none';return true">夢想天空</a>
14.文本框自動滾動條
<textarea name=words rows=18 cols=26 style="border:1 solid #000000;background-color:white; font-size:9pt; width:188; overflow:auto" wrap=hard></textarea>
15.全選并復(fù)制
<FORM name=test><INPUT οnclick="Java Script : HighlightAll('test.select1')" type=button value=全選并復(fù)制><BR><TEXTAREA name=select1 rows=3 cols=46>你好，歡迎您的光臨！</TEXTAREA>
</FORM>
<SCRIPT language=Javascript>
<!--

var copytoclip=1

Loading
type=application/x-oleobject height=300 width=320
classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 VIEWASTEXT>
<PARAM NAME="URL" VALUE="地址">

<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="-1">
<param name="AnimationAtStart" value="0">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="BaseURL" value>
<param name="BufferingTime" value="5">
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="4">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="0">
<param name="EnableFullScreenControls" value="0">
<param name="EnableTracker" value="-1">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SAMILang" value>
<param name="SAMIStyle" value>
<param name="SAMIFileName" value>
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<param name="ShowControls" value="-1">
<param name="ShowAudioControls" value="-1">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="-1">
<param name="ShowStatusBar" value="-1">
<param name="ShowTracker" value="-1">
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="70">
<param name="WindowlessVideo" value="0">
</OBJECT>
26.RealPlayer 播放器
<object id=video1 classid=" clasid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA"
width=320 height=240 align="center">
<param name="controls" value="inagewindow">
<param name="console" value="chicp1">
<param name="autostar" value="true">
<param name="src" value="地址">
<embed
src="地址"
type="audio/x-pn-realaudio-plugin" console="chip1"
controls="imagewindow" width=320 height=240 autostart=true align="center">
</embed>
</object>
27.【經(jīng)典彈窗】刺穿MYIE|24小時同一ip彈一次|無須body加載|精簡代碼
【優(yōu)點】

1、刺穿MYIE
2、24小時同一ip彈一次
3、不需要在body中onload加載
4、代碼很精簡

在網(wǎng)上找了幾天組合出來的，基本上有這個代碼就無憂了
function Get(){
var Then = new Date()
Then.setTime(Then.getTime() + 24*60*60*1000)
var cookieString = new String(document.cookie)
var cookieHeader = "Cookie1="
var beginPosition = cookieString.indexOf(cookieHeader)
if (beginPosition != -1){
} else
{ document.cookie = "Cookie1=POPWIN;expires="+ Then.toGMTString()
var focusid=setTimeout("focus();var popAd=window.showModelessDialog('http://www.jue.cn/pop.html','dis','');",1000);
window.focus();
}
}Get();

pop.html為

<%
html="<title>"&webname&"</title><meta http-equiv='Content-Type' content='text/html; charset=gb2312'><style>body{font-size:9pt;line-height:140%}</style><body>"
error="<meta http-equiv='Refresh' content='2; URL=./index.htm'>"&html&"<b>錯誤! </b>讀取地址時出錯 2秒后自動<a href=./index.htm>返回首頁</a>..."

if request("id")="" or request("no")="" then
response.write error
response.end
end if

MDBpath="admin/"%>

<%
set rs=server.CreateObject("ADODB.RecordSet")
rs.open "select hits,hy from down where id="&request("id"),conn,1,3
if not rs.eof then
hy=rs("hy")
rs("hits")=rs("hits")+1
rs.update
else
rs.close
set rs=nothing
conn.close
set conn=nothing
response.write error
response.end
end if
rs.close

rs.open ("select * from down where id="&request("id")&""),conn,1,1
if not rs.eof then
ttid=rs("tid")
id=rs("id")
cxn=rs("cxn")
cxv=rs("cxv")
end if
rs.close

sql="select [file],http from downfile where downid="&request("id")&" and downno="&request("no")
'response.write sql
rs.open sql,conn,1,1
if not rs.eof then
fileurl = rs("file")
if trim(rs("http"))<>0 then
set rs1=server.createobject("adodb.recordset")
sql="select * from serverhttp where id="&rs("http")
rs1.open sql,conn,1,1
if not rs1.eof then
fileurl=rs1("http")&fileurl
end if
rs1.close
set rs1=nothing
end if
else
rs.close
set rs=nothing
conn.close
set conn=nothing
response.write error
response.end
end if
rs.close

'會員軟件
if JyDownUser="1" and hy>0 then
'JyDownUserDj=request.cookies("JyDownUserDj")
JyDownUserDj=session("JyDownUserDj")
if hy="1" then hydj="普通會員"
if hy="2" then hydj="高級會員"
if JyDownUserDj="" then
JyDownUserDj=-1
else
JyDownUserDj=cint(JyDownUserDj)
end if
if JyDownUserDj<hy-1 then
response.write "<meta http-equiv='Refresh' content='20; URL=admin/login.asp'>"&html&"<li>你不能下載該["&hydj& "]軟件!<p><li>如果你是"&hydj&",請先<a href=admin/login.asp target=_black οnclick=window.close()>登陸</a>后再下載..."
response.end
else
if JyDownUserShow="1" then
response.write html&"本軟件下載地址：<a href="&fileurl&">"&fileurl&"</a>"
response.end
end if
end if
end if
'檢查來路
if JyDownUrl="1" then
server_vv=len(Request.ServerVariables("SERVER_NAME"))
server_v1=left(Cstr(Request.ServerVariables("HTTP_REFERER")),server_vv)
server_v2=left(Cstr("http://"&Request.ServerVariables("SERVER_NAME")),server_vv)
if server_v1<>server_v2 and server_v1<>"" and server_v2<>"" then
response.write("<script>location.href='soft/"&request("id")&".htm'</script>")
response.end
end if
end if
'高級防作弊
if JyDownWin="1" then
Response.cookies("JyDownFileUrl")=fileurl
response.write("<script>window.open(""about:<title>正在下載軟件,請稍等... - "&webname&"</title><meta http-equiv='Content-Type' content='text/html; charset=gb2312'><style>body{font-size:9pt;line-height:140%}</style><body><body οncοntextmenu=self.event.returnValue=false>正在下載軟件,請稍等......<br> <font color=#808080>本次連接最長時間("&JyDownWinClose&")秒,如果沒下載成功請重試< /font><br><br><a href=http://"&weburl&" target=_blank οnclick=window.close()>"&webname&"</a><p align=right><a href=Java Script : window.close()>[關(guān)閉窗口]</a> <br><br><meta http-equiv='Refresh' content='0; URL="&fileurl&"'><\script>limit='0:"&JyDownWinClose+1&"';if(document.images){var parselimit=limit.split(':');parselimit=parselimit[0]*60+parselimit[1]*1}function beginrefresh(){if(!document.images)return;parselimit-=1;cursec=parselimit; window.status=cursec+'秒后斷開連接';setTimeout('beginrefresh()',1000)} window.οnlοad=beginrefresh;setTimeout('window.close();',"&JyDownWinClose&"000);<\/script>"","""",""
width=290,height=128,resizable=no,scrollbars=no,status=yes,toolbar=no,menubar=no,location=no"");
location.href='about:<body οnlοad=""window.close()"">';</script>")
response.end
end if
'轉(zhuǎn)向連接
response.write "<title>"&cxn&""&cxv&" - 下載地址</title><div align=""center""><center><IFRAME MARGINHEIGHT=0 MARGINWIDTH=0 FRAMEBORDER=0 WIDTH=648 HEIGHT=500 SCROLLING=NO SRC=""http://www.axin.net/ads/Ads_Soft_Text.htm""></iframe></center></div><meta http-equiv='Refresh' content='5; URL="&fileurl&"'>"
%>
30.不刷新而隨機改變廣告的javascript源碼
<script language=JavaScript>

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="/image/banner_chinavane.gif";
bannerADlink[0]="http://www.chinavane.net/";
bannerAD[1]="/image/banner_wind.gif";
bannerADlink[1]="http://www.windstudio.net";
bannerAD[2]="/image/banner_1studio_3.gif";
bannerADlink[2]="/bbs/default.asp";
bannerAD[3]="/image/banner_1studio_1.gif";
bannerADlink[3]="/design/index.asp";
bannerAD[4]="/image/banner_cwd.gif";
bannerADlink[4]="http://www.cwdcn.com/";
bannerAD[5]="/image/banner_neteye.jpg";
bannerADlink[5]="http://www.shiyun.com/bat/index.html";

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 12000);
}

</script>
將下面的代碼復(fù)制到<body>~</body>里:
<A οnmοuseοver="displayStatusMsg();return document.returnValue"
href="Java Script : jump2url()"><IMG
style="FILTER: revealTrans(duration=2,transition=20)" height=60
src="http://www.cnblogs.com/../image/banner_1studio_2.gif" width=468 border=0
name=bannerADrotator>
</A>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
31.隨機廣告圖片
提示：下面的Banner會隨機的變化，共三個Banner隨機出現(xiàn)。
1.將下面的代碼放到擺放廣告的地方

}

b = new Array()
for(var i=1; i<=a; i++) { b = new create() }

b[1].src = "../pic/pic01.gif"
b[1].border = "0"
b[1].alt = "圖形一"

b[2].src = "../pic/pic02.gif"
b[2].border = "0"
b[2].alt = "圖形二"

b[3].src = "../pic/pic03.gif"
b[3].border = "0"
b[3].alt = "圖形三"

var visa = "";

visa += '<img src='+b[talet].src+' border="0"'+' alt='+b[talet].alt+'>';
</script>
<script language="JavaScript">

</script>

2.修改此處為你的Banner路徑

b[1].src = "../pic/pic01.gif"
b[1].border = "0"
b[1].alt = "圖形一"

b[2].src = "../pic/pic02.gif"
b[2].border = "0"
b[2].alt = "圖形二"

b[3].src = "../pic/pic03.gif"
b[3].border = "0"
b[3].alt = "圖形三"

32.讓網(wǎng)頁適應(yīng)不同分辨率
<html>
<head>
<script LANGUAGE="JavaScript">

</SCRIPT>
參數(shù)解釋：
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；

二、彈啟一個全屏窗口
加入fullscreen
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
三、打開一個和按F11所見到的一樣的窗口
加入channelmode
<SCRIPT LANGUAGE="javascript">

</SCRIPT>

四、打開一個連標(biāo)題欄都沒有的窗口（無標(biāo)題、最小、最大、以及關(guān)閉按鈕）
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript">
function unload()
{
var popUpSizeX=200; //窗口的寬度
var popUpSizeY=166; //窗口的高度

var popUpLocationX=2;//距離左邊的距離相當(dāng)于 left
var popUpLocationY=2;//距離頂端的距離相當(dāng)于 top

// URL of the popUp
var popUpURL="http://www.33d9.com/default.asp";; //打開頁面的路徑

// ** 下面的就不要隨便改了 ***
splashWin = window.open("",'x','fullscreen=1, ,scrollbars=auto,resizable=1');
splashWin.blur(); // Hide while updating
window.focus();
splashWin.resizeTo(popUpSizeX,popUpSizeY);
splashWin.moveTo(popUpLocationX,popUpLocationY);
splashWin.location=popUpURL;
}
// END
unload();
</script>
</HEAD>
<BODY></BODY></HTML>

看看，什么效果？如果把resizable 設(shè)為0 scrollbars = no 呢？

五、沒有最大化按紐的窗口

其實也就是象軟件的“關(guān)于我們”的那個窗口一樣，下面就是用對話框窗口來實現(xiàn)它。
showModalDialog()以及showModelessDialog()
1．用showModalDialog()
<html>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
2．用showModelessDialog()
<html>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
至于showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()打開的窗口（簡稱模式窗口），置在父窗口上，必須關(guān)閉才能訪問父窗口(建議盡量少用，以免招人反感)；showModelessDialog()（簡稱無模式窗口），打開后不必關(guān)閉也可訪問父窗口打開的窗口。

現(xiàn)在我將這里的一些參數(shù)說明一下。
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 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標(biāo)。默認值是“yes”。　　
resizable: {yes | no | 1 | 0 } 指定是否對話框窗口大小可變。默認值是“no”。
status: {yes | no | 1 | 0 } 指定對話框窗口是否顯示狀態(tài)欄。對于非模式對話框窗口，默認值是“yes”；對于模式對話框窗口，默認值是 “no”。

六、彈出n 個窗口

這很簡單，只要執(zhí)行n 次window.open()就行了，當(dāng)然一定要給每個窗口起不同的名字，
還有，設(shè)置一下left和top，避免重疊。

七、刷新之后就不再彈出窗口
我們使用cookie來控制一下就可以了。
首先，將如下代碼加入主頁面HTML的<HEAD>區(qū)：
<script>
function openwin(){
window.open("page.html","","width=200,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 οnlοad="loadpopup()">（注意不是openwin而是loadpop啊！）替換主頁面中原有的<BODY>這一句即可。你可以試著刷新一下這個頁面或重新進入該頁面，窗口再也不會彈出了。

八、讓彈出窗口適應(yīng)里面圖片的大小

很多時候我們需要提供這樣的功能給訪問者：當(dāng)訪問者點擊頁面中的縮略圖時，其對應(yīng)的全尺寸圖片將顯示在一個新的彈出窗口中供訪問者查看。
　　實現(xiàn)此功能的最簡單作法是用以下HTML代碼創(chuàng)建一個圖像鏈接：
<a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a>
其中<a>標(biāo)記的href屬性指定全尺寸圖片的URL，target屬性設(shè)置為_blank指定在新窗口中顯示該圖片；<img>標(biāo)記的src屬性指定縮略圖的URL。

如果我們想對顯示全尺寸圖片的窗口的外觀進行某些控制（比如希望彈出窗口的高度、寬度能與全尺寸圖片的大小匹配時），則可調(diào)用 window.open 方法，該方法接收三個參數(shù)，分別指定要打開文件的URL，窗口名及窗口特性，在窗口特性參數(shù)中可指定窗口的高度、寬度，是否顯示菜單欄、工具欄等。以下代碼將顯示全尺寸圖片在一個沒有工具欄、地址欄、狀態(tài)欄、菜單欄，寬、高分別為400、350的窗口中：
<a href="fullsize.jpg" onClick="window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false"><img src="small.jpg"></a>

這里就提出了個問題，如果所有全尺寸圖片都具有統(tǒng)一的大小（比如都是400x350），那么以上代碼適用于所有的縮略圖片鏈接（只是href屬性指向的全尺寸圖片文件不同）。但如果全尺寸圖片的大小并不統(tǒng)一，還用以上代碼則我們需要先取得每幅全尺寸圖片的大小，然后在window.open方法的窗口特性參數(shù)中一一設(shè)置height和width為正確的值，在圖片數(shù)量較多的情況下，這顯然效率太低了。那么是否有一勞永逸的方法，即讓彈出窗口能自動適應(yīng) 要顯示圖片的大小？通過研究，發(fā)現(xiàn)可以使用 DHTML 中的 Image 對象來達到我們的目的，Image 對象可動態(tài)裝載指定的圖片，通過讀取其 width 和 height 屬性即能獲得裝入圖片的大小，以此來設(shè)置彈出窗口的大小，即可實現(xiàn)自適應(yīng)圖片大小的彈出窗口了。下面即是實現(xiàn)代碼:
<script language="javascript" type="text/javascript">
<!--
var imgObj;
function checkImg(theURL,winName){
// 對象是否已創(chuàng)建
if (typeof(imgObj) == "object"){
// 是否已取得了圖像的高度和寬度
if ((imgObj.width != 0) && (imgObj.height != 0))
// 根據(jù)取得的圖像高度和寬度設(shè)置彈出窗口的高度與寬度，并打開該窗口
// 其中的增量 20 和 30 是設(shè)置的窗口邊框與圖片間的間隔量
OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30));
else
// 因為通過 Image 對象動態(tài)裝載圖片，不可能立即得到圖片的寬度和高度，所以每隔100毫秒重復(fù)調(diào)用檢查
setTimeout("checkImg('" + theURL + "','" + winName + "')", 100)
}
}

使用時將上面的代碼放在網(wǎng)頁文檔的<head></head>標(biāo)記對中，然后在鏈接的點擊事件中調(diào)用 OpenFullSizeWindow函數(shù)，如<a href="fullsize.jpg" onClick= "OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"> </a>即可。
以上代碼在IE 5.x－6.0中測試通過。
九、比較靈活的HTA窗口

我簡單介紹一下，HTA的全名為HTML Application，翻譯過來就是HTML應(yīng)用程序，你只要簡單的用.hta為擴展名保存HTML頁面就算創(chuàng)建了一個HTA文件，下面我們就用HTA 來編個窗口，將以下這段代碼保存為.hta文件，然后再用瀏覽器打開，會發(fā)現(xiàn)什么？買個關(guān)子，自己去瞧瞧。
<HTML>
<HEAD>
<TITLE>www.fwcn.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
BORDER="thin"
BORDERSTYLE="normal"
CAPTION="yes"
ICON="filename.ico"
MAXIMIZEBUTTON="yes"
MINIMIZEBUTTON="yes"
SHOWINTASKBAR="no"
INGLEINSTANCE="no"
SYSMENU="yes"
VERSION="1.0"
WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>www.fwcn.com</b>
</BODY>
</HTML>
有人會發(fā)現(xiàn)上面這些代碼與平時的html有點不同，多了HTA:APPLICATION標(biāo)簽，這就是關(guān)鍵之處，hta通過它來提供一系列面向應(yīng)用程序的功能，接下來再講一講它的屬性（我的頭又在發(fā)脹）

APPLICATIONNAME屬性(applicationName)
此屬性為設(shè)置HTA的名稱。
BORDER屬性(border)
此屬性為設(shè)置為HTA的窗口邊框類型，默認值為 thick。
它可以設(shè)為　thick 指定窗口為粗邊框
dialog window 指定窗口為對話框
none 指定窗口無邊框
thin 指定窗口為窄邊框
BORDERSTYLE屬性(borderStyle)
此屬性為設(shè)置HTA窗口的邊框格式，默認值為 normal。
它可以設(shè)為
normal 普通邊框格式
complex 凹凸格式組合邊框
raised 凸出的3D邊框
static 3D邊框格式
sunken 凹進的3D邊框
CAPTION屬性(caption)
此屬性為設(shè)置HTA窗口是否顯示標(biāo)題欄或標(biāo)題，默認值為 yes。
ICON屬性(icon)
此屬性為設(shè)置應(yīng)用程序的圖標(biāo)。
MAXIMIZEBUTTON屬性(maximizeButton)
此屬性為設(shè)置是否在HTA窗口中顯示最大化按鈕，默認值為 yes。
MINIMIZEBUTTON屬性(minimizeButton)
此屬性為設(shè)置是否在HTA窗口中顯示最小化按鈕，默認值為 yes。
SHOWINTASKBAR屬性(showInTaskBar)
此屬性為設(shè)置是否在任務(wù)欄中顯示此應(yīng)用程序，默認值為 yes。
SINGLEINSTANCE屬性(singleInstance)
此屬性為設(shè)置是否此應(yīng)用程序同時只能運行一次。次屬性以APPLICATIONNAME屬性作為標(biāo)識，默認值為 no。
SYSMENU屬性(sysMenu)
此屬性為設(shè)置是否在HTA窗口中顯示系統(tǒng)菜單，默認值為 yes。
VERSION屬性(version)
此屬性為設(shè)置應(yīng)用程序的版本，默認值為空。
WINDOWSTATE屬性(windowState)
此屬性為設(shè)置HTA窗口的初始大小，默認值為 normal。
它可以設(shè)為 normal 默認大小
minmize 最小化
maximize 最大化
以上括號中的是在腳本引用的屬性。在腳本中以上屬性皆為只讀屬性。此外，在腳本中還可以使用commandLine屬性來檢索應(yīng)用程序啟動時的參數(shù)。
在HTA中還可以繼續(xù)使用html中的絕大多數(shù)標(biāo)簽、腳本等。
35.JS代碼：
1．讓文字不停地滾動

2．記錄并顯示網(wǎng)頁的最后修改時間

3．關(guān)閉當(dāng)前窗口

4．5秒后關(guān)閉當(dāng)前頁

5．2秒后載入指定網(wǎng)頁

6．添加到收藏夾

<Script Language="javascript"> 　　
function bookmarkit() 　　{ 　　
window.external.addFavorite (''http://你的網(wǎng)址'','& apos;你的網(wǎng)站名稱'') 　　
} 　　
if (document．all)document．write(''<a href="#" onClick="bookmarkit()">加入收藏夾</a>'') 　　
</Script>

7．讓超鏈接不顯示下劃線

8．禁止鼠標(biāo)右鍵的動作

<Script Language = "javascript"> 　　
function click() {
if (event.button==2||event.button==3) 　　
{ 　　
alert(''禁止鼠標(biāo)右鍵''); 　　
} 　　
document．οnmοusedοwn=click
// --> 　　
</Script>

9．設(shè)置該頁為首頁

10．節(jié)日倒計時

<Script Language="javascript"> 　　
var timedate= new Date("December 25,2003"); 　　
var times="圣誕節(jié)"; 　　
var now = new Date(); 　　
var date = timedate.getTime() - now.getTime(); 　　
var time = Math.floor(date / (1000 * 60 * 60 * 24)); 　　
if (time >= 0) 　　
document．write("現(xiàn)在離"+times+"還有: "+time +"天");
</Script>

11．單擊按鈕打印出當(dāng)前頁

12．單擊按鈕‘另存為’當(dāng)前頁

13．顯示系統(tǒng)當(dāng)前日期

14．不同時間段顯示不同問候語

15．水中倒影效果

<img id="reflect" src="你自己的圖片文件名" width="175" height="59"> 　　
<script language="javascript"> 　　
function f1(){ 　　　　
setInterval("mdiv.filters.wave.phase+=10",100); 　　
} 　　
if (document．all) { 　　　　
document．write(''<img id=mdiv src="''+document．all.reflect.src+''" 　style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">'') 　　　　
window.οnlοad=f1 　　
} 　　
</script>

16．慢慢變大的窗口

<Script Language="javascript"> 　　
 　　
</script> 　　
<p><a href="javascript：openwindow(http://www.xxx.com)">進入</a>

17．改變IE地址欄的IE圖標(biāo)

我們要先做一個16*16的icon（圖標(biāo)文件），保存為index.ico。把這個圖標(biāo)文件上傳到根目錄下并在首頁<head></head>之間加上如下代碼：
<link REL = "Shortcut Icon" href="index.ico">
html 另存為/打印/刷新/查看原文件等代碼

■打開■
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■另存為■
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■屬性■
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■打印■
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■頁面設(shè)置■
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設(shè)置><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■刷新■
<input type=button value=刷新 name=refresh οnclick="window.location.reload()">

■導(dǎo)入收藏■
<input type="button" name="Button" value="導(dǎo)入收藏夾" onClick=window.external.ImportExportFavorites(true,);>

■導(dǎo)出收藏■
<input type="button" name="Button3" value="導(dǎo)出收藏夾" onClick=window.external.ImportExportFavorites(false,);>

■加入收藏■
<INPUT name=Button2 οnclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夾>

■整理收藏夾■
<INPUT name=Submit2 οnclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夾>

■查看原文件■
<INPUT name=Button οnclick=window.location = "view-source:" + window.location.href type=button value=查看源文件>

■語言設(shè)置■
<INPUT name=Button οnclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=語言設(shè)置>

■前進■
<INPUT name=Submit οnclick=history.go(1) type=submit value=前進>

■后退■
<INPUT name=Submit2 οnclick=history.go(-1) type=submit value=后退>

<html>
<title>頁面提交時出現(xiàn)等待窗口示例</title>
<head>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>
<body leftMargin=0 topMargin=50 οnlοad="Window_Load(1);">
<div id="Loading" style="position:absolute;z-index:3;top:200px;left:250px;width:250;height:60;border-width:1;border-style:ridge;
background-color:green;padding-top:10px"><center><table border="0"><tr><td valign="middle"><img src="cursor.gif" border="0" WIDTH="30" HEIGHT="30"></td><td> </td><td valign="middle"><span id=txtLoading0 style="font-size:14px;">正在初始化頁面,請稍候...</span><br><span id=txtLoading1 style="font-size:14px;">Loading,please wait...</span></td></tr></table></center></div>
<form name="form1" method="post" action="" onSubmit="Window_Load(0);">
<center>頁面提交時出現(xiàn)等待窗口示例<input name=submit type=submit value='提交'>
</center>
</form>
</body>
</html>

1．overflow內(nèi)容溢出時的設(shè)置（設(shè)定被設(shè)定對象是否顯示滾動條）
overflow-x水平方向內(nèi)容溢出時的設(shè)置
overflow-y垂直方向內(nèi)容溢出時的設(shè)置
以上三個屬性設(shè)置的值為visible(默認值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設(shè)置滾動條的顏色）
scrollbar-arrow-color上下按鈕上三角箭頭的顏色
scrollbar-base-color滾動條的基本顏色
scrollbar-dark-shadow-color立體滾動條強陰影的顏色
scrollbar-face-color立體滾動條凸出部分的顏色
scrollbar-highlight-color滾動條空白部分的顏色
scrollbar-shadow-color立體滾動條陰影的顏色

我們通過幾個實例來講解上述的樣式屬性：
1.讓瀏覽器窗口永遠都不出現(xiàn)滾動條
沒有水平滾動條
<body style="overflow-x:hidden">
沒有垂直滾動條
<body style="overflow-y:hidden">
沒有滾動條
<body style="overflow-x:hidden;overflow-y:hidden">或<body
style="overflow:hidden">

2.設(shè)定多行文本框的滾動條

沒有水平滾動條
<textarea style="overflow-x:hidden"></textarea>

沒有垂直滾動條
<textarea style="overflow-y:hidden"></textarea>

沒有滾動條
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>

3.設(shè)定窗口滾動條的顏色
設(shè)置窗口滾動條的顏色為紅色<body style="scrollbar-base-color:red">
scrollbar-base-color設(shè)定的是基本色，一般情況下只需要設(shè)置這一個屬性就可以達到改變滾動條顏色的目的。
加上一點特別的效果：
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

4.在樣式表文件中定義好一個類，調(diào)用樣式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
這樣調(diào)用：
<textarea class="coolscrollbar"></textarea>

WEB打印
<html>
<head>
<title>看看</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>

</style>

</head>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td colspan="3" class="tdp">第1頁</td>
</tr>
<tr>
<td width="29%" class="tdp"> </td>
<td width="28%" class="tdp"> </td>
<td width="43%" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>這樣的報表</p>
<p>對一般的要求就夠了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >

<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td class="tdp">第2頁</td>
</tr>
<tr>
<td class="tdp">看到分頁了吧</td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>這樣的報表</p>
<p>對一般的要求就夠了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

背景音樂刷新自動更換
<SCRIPT LANGUAGE="javascript">

</SCRIPT>

隨機廣告代碼
<SCRIPT LANGUAGE="JavaScript"><!-- BANNER ROTATOR

var how_many_ads = 3
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;

//**************************** AD NUMBER ONE ****************

if (ad==1){

url="http://www.youradvertiser.com";

alt="Advertiser NumberOne";

banner="http://www.yourdomain.com/images/banner1.gif";

width="468";
height="60";
}

//**************************** AD NUMBER TWO ****************

if (ad==2) {

url="http://www.youradvertiser.com";

alt="Advertiser Number Two";

banner="http://www.yourdomain.com/images/banner2.gif";

width="468";
height="60";
}

//**************************** AD NUMBER ONE ****************

if (ad==3) {

url="http://www.youradvertiser.com";

alt="Advertiser Number Three";

banner="http://www.yourdomain.com/images/banner3.gif";

width="468";
height="60";
}

document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
--></SCRIPT>

提交后看location
<form action=http://www.ychon.org/ method=get>
<input name=test value="中文 !#$%&'()*+,/:;<=>?@[\]^`{|}~%Abc">

總結(jié)

以上是生活随笔為你收集整理的JS代码集合的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

代码
js

上一篇：关联、聚合、组合的关系[转]
下一篇： Seam - 无缝集成 JSF，第 3

日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

javascript

JS代码集合

總結(jié)