Javascript中最常用的55個經典技巧(2)

作者：Eve Cole 更新時間：2009-12-14 15:52:31

33. 選擇哪一個電台

<HTML> <腳本語言=“vbscript”>
函數 checkme()
對於 radio1 中的每個 ob
如果 ob.checked 然後
window.alert ob.value
下一個
結束函數
</腳本> <內文>
<INPUT name="radio1" type="radio" value="/style" 選取>樣式
<INPUT name="radio1" type="radio" value="/blog/barcode">條碼
<INPUT type="button" value="check" onclick="checkme()">
</正文> </HTML>

34.劇本永不出錯

<腳本語言=“JavaScript”>

</腳本>

35.ENTER鍵可以讓螢幕移到下一個輸入框

36.偵測某個網站的連結速度：

把如下程式碼加入<body>區域中：

<腳本語言=Javascript>
蒂姆=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]=1000){this.resized=true;this.style.width=1000;}"align=absMiddle border=0>www.chinaz.com"
autourl[2]="javacool.3322.net"
autourl[3]=1000){this.resized=true;this.style.width=1000;}"align=absMiddle border=0>www.chinaz.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]=1000){this.resized=true;this.style.width=1000;}"align=absMiddle border=0>www.chinaz.com.cn"
函數對接(){
***(“<表單名稱=autof>”)
for(var i=1;i <autourl.length;i++)
***(" <輸入類型=文字名稱=txt"+i+" size=10 value="/測試中…> =》 <輸入類型=文本
name=url"+i+" size=40> =》 <input type=button value="/blog/GO
onclick=window.open(this.form.url"+i+".value)> <br>")
***(" <input type=submit value=刷新> </form>")
}
屁股（）
函數自動（網址）{
document.forms[0]["url"+b].value=url
如果（時間>200）
{document.forms[0]["txt"+b].value="/連結逾時"}
別的
{document.forms[0]["txt"+b].value="/blog/時間"+tim/10+"秒"}
乙++
}
函數 run(){for(var i=1;i <autourl.length;i++)***(" <img src=http://"+autourl+"/"+Math.random()+" width=1高度=1
onerror=auto("http://"+autourl+"")>")}
運行（）</腳本>

37. 各種風格的標題

自動：標準點
預設：標準箭頭
hand ：手形頭部
wait ：等待
文字：I形遊標
Vertical-text ：水平I形遊標
no-drop ：不可缺少的商標
not-allowed：空白
幫助：? 幫助幫助
all-scroll ：三角方向標
移動：移動標
十字線：十字標
電子調整大小
n-調整大小
西北調整大小
w-調整大小
s-調整大小
調整大小
sw-調整大小

38.頁面進入和退出的效果

進入頁面

退出頁面

是該頁面被載入和調出時的一些效果。

0 曲線縮小
1 擴大規模
2 圓形縮小
3 圓形擴大
4 下到上刷新
5 上到下刷新
6 左至右刷新
7 從右到左刷新
8 豎百葉窗
9橫百葉窗
10錯位橫百葉窗
11 錯位豎百葉窗
12點擴散
13 左右到中間刷新
14 中間左右到刷新
15 中間到上下
16 上下到中間
17 從右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21橫條
22豎條
23 以上22種隨機選擇一種

39.在規定期限內

40.網頁是否被檢索

41、email位址的分割

把如下程式碼加入<body>區域中

<a href="mailto:[email protected]">[email protected] </a>

42.流動近似效果的表格

把如下程式碼加入<body>區域中

<腳本>
l=數組(6,7,8,9,'a','b','b','c','d','e','f')
Nx=5;Ny=35
t=" <表格邊框=0 cellspacing=0 cellpadding=0 height="+((Nx+2)*16)+"> <tr>"
for(x=Nx;x <Nx+Ny;x++)
t+=" <td width=16 id=a_mo"+x+"> </td>"
t+=" </tr> <tr> <td width=10 id=a_mo"+(Nx-1)+"> </td> <td colspan="+(Ny-2)+" rowspan="+( Nx)+"> </td> <td width=16 id=a_mo"+(Nx+Ny)+"> </td> </tr>"
for(x=2;x <=Nx;x++)
t+=" <tr> <td width=16 id=a_mo"+(Nx-x)+"> </td> <td width=16 id=a_mo"+(Ny+Nx+x-1)+"> </td> </tr>”
t+=" <tr>"
for(x=Ny;x>0;x--)
t+=" <td width=16 id=a_mo"+(x+Nx*2+Ny-1)+"> </td>"
***(t+" </tr> </table>")
var N=Nx*2+Ny*2
函數 f1(y){
for(i=0;i <N;i++){
c=(i+y)%20;如果(c>10)c=20-c
document.all["a_mo"+(i)].bgColor=""""#0000"+l[c]+l[c]+"'"}
y++
setTimeout('f1('+y+')','1')}
f1(1)
</腳本>

43、JavaScript主頁彈出視窗技巧

視窗中間彈出

<腳本>
window.open("http://www.chinaz.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen .availWidth-400)/2);
</腳本>
===========
<html>
<頭>
<腳本語言=“LiveScript”>
函數 WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.***(" <HEAD> <TITLE>哈羅！</TITLE> </HEAD>");
msg.***(" <CENTER> <H1>酷斃了！</H1> <h2>這是 <B>JavaScript </B>所開的視窗！</h2> </CENTER>") ;
}
</腳本>
</頭>
<正文>
<表格>
<input type="button" name="Button1" value="推我" onclick="WinOpen()">
</形式>
</正文>
</html>

一、在下面的程式碼中，您只需點擊開啟一個窗口，即可連結到中國站長站。

程式碼如下：

<腳本語言=“JavaScript”>
<！
函數 openclk() {
another=open('1000){this.resized=true;this.style.width=1000;}"align=absMiddle border=0>http://www.chinaz.com'，'NewWindow');
}
函數 closeclk() {
另一個.close();
}
//-->
</腳本>
<表格>
<INPUT TYPE="BUTTON" NAME="open" value="/開啟一個視窗" onClick="openclk()">
<BR>
<INPUT TYPE="BUTTON" NAME="close" value="/blog/關閉這個視窗" onClick="closeclk()">
</表格>

二、上面的程式碼也太靜了，為何不來點動感呢？

程式碼如下：

<腳本>
函數下降（n）{
if(self.moveBy){
self.moveBy(0，-900);
for(i = n; i > 0; i--){
self.moveBy(0，3);
}
for(j = 8; j > 0; j--){
self.moveBy(0，j);
self.moveBy(j，0);
self.moveBy(0，-j);
self.moveBy(-j，0);
}
}
}
</腳本>
<body onLoad="drop(300)">

三、討厭很多網站總是按照預設視窗打開，如果你能隨心所欲控制開啟的視窗那該有多好。

程式碼如下：

<腳本語言=“JavaScript”>
<！
函數 popupPage(l， t， w， h) {
var windowprops = "位置=否，捲軸=否，選單=否，工具列=否，可調整大小=是" +
"，左=" + l + "，上方=" + t + "，寬度=" + w + "，高度=" + h;
var URL = "http://www.80cn.com";
popup = window.open(URL，"MenuPopup"，windowprops);
}
// 結束 -->
</腳本>
<表>
<tr>
<td>
<表單名稱=popupform>
<前>
開啟頁面的參數 <br>
離開左邊的距離：<input type=text name=left size=2 maxlength=4> 像素
離開右側的距離：<input type=text name=top size=2 maxlength=4> 像素
視窗的寬度：<input type=text name=width size=2 maxlength=4> 像素
視窗的高度：<input type=text name=height size=2 maxlength=4> 個像素
</前>
<中心>
<input type=button value="開啟這個視窗！" onClick="popupPage(this.form.left.value，this.form.top.value，this.form.width.value，
this.form.height.value)">
</中心>
</形式>
</td>
</tr>
</表>

您只需在相對應的對話方塊中輸入數值即可，將要開啟頁面的視窗控制得很好。