JS大總結(jié)(帶實例)

悟靜 2013-06-04

展開全文

javascript事務(wù)查詢綜合
click（）對象.click（）使對象被點擊,。
closed 對象.closed 對象窗口是否已封閉true/false
clearTimeout（對象）清除已設(shè)置的setTimeout對象
clearInterval（對象）清除已設(shè)置的setInterval對象
confirm（"提示信息"）彈出確認(rèn)框,，斷定返回true作廢返回false
cursor:樣式更改鼠標(biāo)樣式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX 返回最后一次點擊鼠標(biāo)X坐標(biāo)值,；
event.clientY 返回最后一次點擊鼠標(biāo)Y坐標(biāo)值；
event.offsetX 返回當(dāng)前鼠標(biāo)懸停X坐標(biāo)值
event.offsetY 返回當(dāng)前鼠標(biāo)懸停Y坐標(biāo)值

document.write（document.lastModified）網(wǎng)頁最后一次更新時候
document.ondblclick=x 當(dāng)雙擊鼠標(biāo)產(chǎn)鬧事務(wù)
document.onmousedown=x 單擊鼠標(biāo)鍵產(chǎn)鬧事務(wù)

document.body.scrollTop; 返回和設(shè)置當(dāng)前豎向遷移轉(zhuǎn)變條的坐標(biāo)值,，須與函數(shù)共同,，
document.body.scrollLeft; 返回和設(shè)置當(dāng)前橫向遷移轉(zhuǎn)變務(wù)的坐標(biāo)值，須與函數(shù)共同,，
document.title document.title="message"; 當(dāng)前窗口的題目欄文字
document.bgcolor document.bgcolor="色彩值"; 改變窗口靠山色彩
document.Fgcolor document.Fgcolor="色彩值"; 改變正文色彩
document.linkcolor document.linkcolor="色彩值"; 改變超聯(lián)接色彩
document.alinkcolor document.alinkcolor="色彩值"; 改變正點擊聯(lián)接的色彩
document.VlinkColor document.VlinkColor="色彩值"; 改變已接見聯(lián)接的色彩
document.forms.length 返回當(dāng)前頁form表單數(shù)
document.anchors.length 返回當(dāng)前頁錨的數(shù)量
document.links.length 返回當(dāng)前頁聯(lián)接的數(shù)量
document.onmousedown=x 單擊鼠標(biāo)觸發(fā)事務(wù)
document.ondblclick=x 雙擊鼠標(biāo)觸發(fā)事務(wù)
defaultStatus window.status=defaultStatus; 將狀況欄設(shè)置默認(rèn)顯示

function function xx（）{...} 定義函數(shù)
isNumeric 斷定是否是數(shù)字
innerHTML xx=對象.innerHTML 輸入某對象標(biāo)簽中的html源代碼
innerText divid.innerText=xx 將以div定位以id定名的對象值設(shè)為XX

location.reload（）; 使本頁刷新,，target可便是一個刷新的網(wǎng)頁

Math.random（）隨機涵數(shù)，只能是0到1之間的數(shù),，若是要獲得其它數(shù),，可認(rèn)為*10，再取整
Math.floor（number）將對象number轉(zhuǎn)為整數(shù),，舍取所有小數(shù)
Math.min（1,，2）返回1，2哪個小
Math.max（1,，2）返回1,，2哪個大

navigator.appName 返回當(dāng)前瀏覽器名稱
navigator.appVersion 返回當(dāng)前瀏覽器版本號
navigator.appCodeName 返回當(dāng)前瀏覽器代碼名字
navigator.userAgent 返回當(dāng)前瀏覽器用戶代標(biāo)記

onsubmit onsubmit="return（xx（））" 應(yīng)用函數(shù)返回值
opener opener.document.對象把握原打開窗體對象

prompt xx=window.prompt（"提示信息"，"預(yù)定值"）; 輸入語句
parent parent.框架名.對象把握框架頁面

return return false 返回值
random 隨機參數(shù)（0至1之間）
reset（） form.reset（）; 使form表單內(nèi)的數(shù)據(jù)重置

split（""） string.split（""）將string對象字符以逗號隔開
submit（） form對象.submit（）使form對象提交數(shù)據(jù)

String對象的 charAt（x）對象反回指定對象的第幾許位的字母
lastIndexOf（"string"）從右到左詢找指定字符,，沒有返回-1
indexOf（"string"）從左到右詢找指定字符,，沒有返回-1
LowerCase（）將對象全部轉(zhuǎn)為小寫
UpperCase（）將對象全部轉(zhuǎn)為大寫
substring（0，5） string.substring（x,，x）返回對象中從0到5的字符
setTimeout（"function",，time）設(shè)置一個超時對象
setInterval（"function",，time）設(shè)置一個超時對象

toLocaleString（） x.toLocaleString（）從x時候?qū)ο笾蝎@取時候，以字符串型式存在
typeof（變量名）搜檢變量的類型,，值有：String,，Boolean，Object,，F(xiàn)unction,，Underfined

window.event.button==1/2/3 鼠標(biāo)鍵左鍵便是1右鍵便是2兩個鍵一路按為3
window.screen.availWidth 返回當(dāng)前屏幕寬度（空白空間）
window.screen.availHeight 返回當(dāng)前屏幕高度（空白空間）
window.screen.width 返回當(dāng)前屏幕寬度（辨別率值）
window.screen.height 返回當(dāng)前屏幕高度（辨別率值）
window.document.body.offsetHeight; 返回當(dāng)前網(wǎng)頁高度
window.document.body.offsetWidth; 返回當(dāng)前網(wǎng)頁寬度
window.resizeTo（0,，0）將窗口設(shè)置寬高
window.moveTo（0,，0）將窗口移到某地位
window.focus（）使當(dāng)前窗口獲得核心
window.scroll（x，y）窗口遷移轉(zhuǎn)變條坐標(biāo),，y把握高低移動,，須與函數(shù)共同
window.open（） window.open（"地址",，"名稱"，"屬性"）
屬性:toolbar（對象欄）,，location（地址欄）,，directions，status（狀況欄）,，
menubar（菜單欄）,，scrollbar（遷移轉(zhuǎn)變條），resizable（改變大?。?， width（寬），height（高）,，fullscreen（全屏），scrollbars（全屏?xí)r無遷移轉(zhuǎn)變條無參數(shù),，channelmode（寬屏）,，left（打開窗口x坐標(biāo)），top（打開窗口y坐標(biāo)）
window.location = ""view-source:"" + window.location.href 應(yīng)用事務(wù)查看網(wǎng)頁源代碼;

a=new Date（）; //創(chuàng)建a為一個新的時代對象
y=a.getYear（）; //y的值為從對象a中獲取年份值兩位數(shù)年份
y1=a.getFullYear（）; //獲取全年份數(shù) 四位數(shù)年份
m=a.getMonth（）; //獲取月份值
d=a.getDate（）; //獲取日期值
d1=a.getDay（）; //獲取當(dāng)前禮拜值
h=a.getHours（）; //獲取當(dāng)前小時數(shù)
m1=a.getMinutes（）; //獲取當(dāng)前分鐘數(shù)
s=a.getSeconds（）; //獲取當(dāng)前秒鐘數(shù)

對象.style.fontSize="文字大小";
單位：mm/cm/in英寸/pc帕/pt點/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px（800*600分辨率下）

文本字體屬性：
fontSize大小
family字體
color色彩
fontStyle風(fēng)格,，取值為normal一般,，italic斜體，oblique斜體且加粗
fontWeight加粗,，取值為100到900不等,，900最粗，light,，normal,，bold
letterSpacing間距，更改文字間間隔,，取值為,，1pt,，10px，1cm
textDecoration:文字潤飾;取值,，none不潤飾,，underline下劃線，overline上劃線
background:文字靠山色彩,，
backgroundImage:靠山圖片,，取值為圖片的插入路徑

點擊網(wǎng)頁正文函數(shù)調(diào)用觸發(fā)器：

1.onClick 當(dāng)對象被點擊
2.onLoad 當(dāng)網(wǎng)頁打開，只能書寫在body中
3.onUnload 當(dāng)網(wǎng)頁封閉或分開時,，只能書寫在body中
4.onmou搜刮引擎優(yōu)化ver 當(dāng)鼠標(biāo)懸于其上時
5.onmou搜刮引擎優(yōu)化ut 當(dāng)鼠標(biāo)分開對象時
6.onmouseup 當(dāng)鼠標(biāo)松開
7.onmousedown 當(dāng)鼠標(biāo)按下鍵
8.onFocus 當(dāng)對象獲取核心時
9.onSelect 當(dāng)對象的文本被選中時
10.onChange 當(dāng)對象的內(nèi)容被改變
11.onBlur 當(dāng)對象落空核心
onsubmit=return（ss（））表單調(diào)用時返回的值

直線 border-bottom:1x solid black
虛線 border-bottom:1x dotted black
點劃線 border-bottom:2x dashed black
雙線 border-bottom:5x double black
槽狀 border-bottom:1x groove black
脊?fàn)?border-bottom:1x ridge black

1.邊沿高光glow（color=色彩,，strength=亮光大小）<br/>
2.程度翻轉(zhuǎn)fliph（）使對象程度翻轉(zhuǎn)180度<br/>
3.垂直翻轉(zhuǎn)flipv（）使對象垂直翻轉(zhuǎn)180度<br/>
4.對象模糊blur（add=true/false direction=標(biāo)的目標(biāo) strength=強度）
add指定是否按印象畫派進(jìn)行模糊direction模糊標(biāo)的目標(biāo)strength模糊強度
5.對象透明alpha（opaction=0-100,，finishopacity=0-100,，style=0/1/2/3）
opaction對象整體不透明值finishopacity當(dāng)對象哄騙了漸透明時該項指定停止透明地位的不透明值style指定透明體式格式0為整體透明，1為線型透明,，2為圓型透明,，3為矩形透明
6.去除色彩chroma（color=色彩值）使對象中色彩與指定色彩雷同區(qū)域透明
7.建樹暗影dropshadow（color=暗影色彩，offx=程度向左偏離像素,，offy=程度向下偏離像素）
8.去色gray（）使對象呈灰度顯示
9.負(fù)片結(jié)果invert（）使對象呈底片結(jié)果
10.高光light（）使對象呈黑色顯示
11.隱瞞mask（color=色彩）使全部對象以指定色彩進(jìn)行蒙板一次

opacity 表透明度程度.0~100,，0表全透明，100表完全不透明
finishopacity表想要設(shè)置的漸變透明結(jié)果.0~100.
style 表透明區(qū)的外形.0表同一外形.1表線形.2表放射形.3表長方形.
startx.starty表漸變透明結(jié)果的開端時X和Y坐標(biāo).
finishx,，finishy漸變透明結(jié)果停止時x,，y 的坐標(biāo).
add有來斷定是否在模糊結(jié)果中使有原有目標(biāo).值為0,，1.0表"否",，1表"是".
direction設(shè)置模糊的標(biāo)的目標(biāo).0度表垂直向上，45度為一個單位.默認(rèn)值是向左270度.left,，right,，down，up.
strength 只能用整數(shù)來斷定.代表有幾許個像素的寬度將受到模糊影響.默認(rèn)是5個.
color要透明的色彩.
offx,，offy分別是x,，y 標(biāo)的目標(biāo)暗影的偏移量.
positive指投影體式格式.0表透明像素生成暗影.1表只給出不透明像素生成暗影..

AddAmbient:參加包抄的光源.
AddCone:參加錐形光源.
AddPoint參加點光源
Changcolor:改變光的色彩．
Changstrength:改變光源的強度．
Clear:清除所有的光源．
MoveLight:移動光源．

freq是波紋的頻率，在指定在對象上一區(qū)須要產(chǎn)生幾許個完事的波紋．
lightstrength可對于波紋加強光影的結(jié)果．明顯0~100正整數(shù),，正弦波開端地位是0~360度．0表從0度開端,，25表從90度開端．
strength表振幅大小．

hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne-resize"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor:auto"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 數(shù)字輸入把握,，給數(shù)字加上千分符 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.inputRight {
text-align: right;
border: 1px ＃666666 dashed;
font-size: 9pt;
color: ＃993366;
height: 18px;
ime-mode : disabled;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
/*
這些功能建議經(jīng)由過程HTC來實現(xiàn)
*/
////////////
//數(shù)字輸入把握
function FormatInput（dotlen）
{
var myEle=event.srcElement;
var myValue=String.CharCode（event.keyCode）;
if （myEle.readOnly）
{
return;
}
switch（dotlen）
{
//原正則表達(dá)式（可以輸入負(fù)數(shù)）:/^[\-],？\d*\.？\d{0,，0}￥/
case 0:{event.returnValue = regInput（myEle,， /^\d*\.,？\d{0，0}￥/,， myValue）; break;}
case 1:{event.returnValue = regInput（myEle,， /^\d*\.？\d{0,，1}￥/,， myValue）; break;}
case 2:{event.returnValue = regInput（myEle， /^\d*\.,？\d{0,，2}￥/， myValue）; break;}
case 3:{event.returnValue = regInput（myEle,， /^\d*\.,？\d{0，3}￥/,， myValue）; break;}
case 4:{event.returnValue = regInput（myEle,， /^\d*\.？\d{0,，4}￥/,， myValue）; break;}
case 5:{event.returnValue = regInput（myEle， /^\d*\.,？\d{0,，5}￥/， myValue）; break;}
case 6:{event.returnValue = regInput（myEle,， /^\d*\.,？\d{0，6}￥/,， myValue）; break;}
case 7:{event.returnValue = regInput（myEle,， /^\d*\.？\d{0,，7}￥/， myValue）; break;}
case 8:{event.returnValue = regInput（myEle,， /^\d*\.,？\d{0,，8}￥/， myValue）; break;}
default :{event.returnValue = regInput（myEle,， /^\d*\.,？\d{0，0}￥/,， myValue）; break;}
}
}
function regInput（obj， reg,， inputStr）
{
var docSel = document.ion.createRange（）
if （docSel.parentElement（）.tagName != "INPUT"） return false
oSel = docSel.duplicate（）
oSel.text = ""
var srcRange = obj.createTextRange（）

oSel.setEndPoint（"StartToStart"， srcRange）
var str = oSel.text + inputStr + srcRange.text.substr（oSel.text.length）
return reg.test（str）
}
//給數(shù)字加上千分符 by yuanzy
function splitNumber（eValue）
{
var intPart = "";
var decPart = "";
if （eValue.indexOf（",，"）>=0）
{
eValue=eValue.replace（/,，/g,，""）;
}
if （eValue.indexOf（"."）>=0）
{
intPart=eValue.split（"."）[0];
decPart=eValue.split（"."）[1];
}
else
{
intPart = eValue;
}
var num = intPart+"";
    var re=/（-？\d+）（\d{3}）/
    while（re.test（num））{
num=num.replace（re,，"￥1,，￥2"）
    }
if （eValue.indexOf（"."）>=0）
{
eValue=num + "." + decPart;
}
else
{
eValue=num ;
}
return eValue;
}

function oFocus（）
{
if （event.srcElement.readOnly） return;
event.srcElement.value=event.srcElement.value.replace（/，/g,，""）;
}

function oBlur（）
{
if （event.srcElement.value=="-"）
{
event.srcElement.value="";
}
event.srcElement.value = splitNumber（event.srcElement.value）;
}

</SCRIPT>
</HEAD>

<BODY>

IE功能匯總
<OBJECT id=WebBrowser height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>
<INPUT onclick=document.all.WebBrowser.WB（1,，1） type=button value=打開 name=Button1>
<INPUT onclick=document.all.WebBrowser.WB（4，1） type=button value=另存為 name=Button2>
<INPUT onclick=document.all.WebBrowser.WB（10,，1） type=button value=屬性 name=Button3>
<INPUT onclick=document.all.WebBrowser.WB（6，1） type=button value=打印 name=Button>
<INPUT onclick=document.all.WebBrowser.WB（8,，1） type=button value=頁面設(shè)置 name=Button4>
<INPUT onclick=window.location.reload（） type=button value=刷新 name=refresh>
<INPUT onclick="window.external.ImportExportFavorites（true,，""""）;" type=button value=導(dǎo)入收藏夾 name=Button5>
<INPUT onclick="window.external.ImportExportFavorites（false,，""""）;" type=button value=導(dǎo)出收藏夾 name=Button32>
<INPUT onclick="window.external.AddFavorite（location.href,， document.title）" type=button value=參加收藏夾 name=Button22>
<INPUT onclick="window.external.ShowBrowserUI（""OrganizeFavorites""， null）" type=button value=收拾收藏夾 name=Submit2>
<INPUT onclick=""window.location="view-source:" + window.location.href"" type=button value=查看源文件 name=Button7>
<INPUT onclick="window.external.ShowBrowserUI（""LanguageDialog"",， null）" type=button value=說話設(shè)置 name=Button6>
<INPUT onclick="document.execCommand（""Cut""）" type=button value=剪切>
<INPUT onclick="document.execCommand（""Copy""）" type=button value=拷貝>
<INPUT onclick="document.execCommand（""Paste""）" type=button value=粘貼>
<INPUT onclick="document.execCommand（""Undo""）" type=button value=作廢>
<INPUT onclick="document.execCommand（""Delete""）" type=button value=刪除>
<INPUT onclick="document.execCommand（""Bold""）" type=button value=黑體>
<INPUT onclick="document.execCommand（""Italic""）" type=button value=斜體>
<INPUT onclick="document.execCommand（""Underline""）" type=button value=下劃線>
<INPUT onclick="document.execCommand（""stop""）" type=button value=停止>
<INPUT onclick="document.execCommand（""SaveAs""）" type=button value=保存>
<INPUT onclick="document.execCommand（""Saveas""，false,，""c:\\test.htm""）" type=button value=另存為>
<INPUT onclick="document.execCommand（""FontName""，false，fn）" type=button value=字體>
<INPUT onclick="document.execCommand（""FontSize"",，false,，fs）" type=button value=字體大小>
<INPUT onclick="document.execCommand（""refresh"",，false，0）" type=button value=刷新>
<INPUT onclick=window.location.reload（） type=button value=刷新>
<INPUT onclick=history.go（1） type=button value=進(jìn)步>
<INPUT onclick=history.go（-1） type=button value=撤退猬縮>
<INPUT onclick=history.forward（） type=button value=進(jìn)步>
<INPUT onclick=history.back（） type=button value=撤退猬縮>
<INPUT onclick=""window.external.ImportExportFavorites（true，"http://localhost"）;""/ type=button value=導(dǎo)入收藏夾>
<INPUT onclick=""window.external.ImportExportFavorites（false,，"http://localhost"）;""/ type=button value=導(dǎo)出收藏夾>
<INPUT onclick="window.external.ShowBrowserUI（""OrganizeFavorites"",， null）" type=button value=收拾收藏夾>
<INPUT onclick="window.location = ""view-source:""+ window.location.href" type=button value=查看源文件>
<INPUT onclick="window.external.ShowBrowserUI（""LanguageDialog"",， null）" type=button value=說話設(shè)置>
<INPUT onclick="window.external.AddFavorite（""http://www.cnblogs.com/hbzxf/"",，阿好空間）" type=button value=參加收藏夾>
<INPUT onclick="window.external.addChannel（""http://www.cnblogs.com/hbzxf/""）" type=button value=參加到頻道>
<INPUT onclick="this.style.behavior=""url（＃default＃homepage）"";this.setHomePage（""http://www.cnblogs.com/hbzxf/""）" type=button value=設(shè)成主頁>

窗口打開主動最大化代碼

<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM name="Command" value="Maximize"></OBJECT>
<script>
if（window.screenLeft!=0）
max.Click（）;
</script>

哄騙腳本封裝,，便利實現(xiàn)網(wǎng)站懸浮告白

下面是JS腳本（floatdiv.js）
/*======================================================================
浮動塊支撐腳本
DESIGN BY : 彭國輝
DATE:        2004-02-26
SITE:        http://kacarton.yeah.net/
BLOG:        http://blog.csdn.net/nhconch
EMAIL:       kacarton＠sohu.com

文章為作者原創(chuàng)，轉(zhuǎn)載前請先與本人接洽,，轉(zhuǎn)載請注明文章出處、保存作者信息,，感謝支撐,！
======================================================================*/

var alLeft = 0， alCenter = 1,， alRight = 2; //程度對齊體式格式
var alTop = 0,， alMiddle = 1， alBottom = 2; //垂直對齊體式格式

var f = new Array（）;
var cnt = 0;

function floatDiv（objId,， align,， vAlign， x,， y,， smooth）
{
    /*浮動塊對象
      數(shù)據(jù)布局：
        objId：對象ID
        align：程度對齊體式格式，列舉型
        vAlign：垂直對齊體式格式,，列舉型內(nèi)容
        x,， y： xy座標(biāo)，整型
        smooth：膩滑移動,，布爾型
    */
    this.objId = objId;
    this.align = align;
    this.vAlign = vAlign;
    this.x = x;
    this.y = y;
    this.smooth = smooth;
}

function addDiv（objId,， align， vAlign,， x,， y,， smooth）
{ //添加浮動塊
f[cnt++] = new floatDiv（objId， align,， vAlign,， x， y,， smooth）;
}

function floatMove（）
{   //從頭定位各塊地位
    var objX,， objY;
    if （document.all）
    {
        var d = document.body;
//status = "scrollLeft:"+f[0].objId.style.pixelTop+"| offsetWidth:"+d.offsetWidth;
        for （var i=0; i<f.length; i++）
        {
            switch （f[i].align）
            {
                case alLeft : objX = d.scrollLeft + f[i].x; break;
                case alCenter: objX = d.scrollLeft + Math.ceil（（d.offsetWidth - f[i].objId.offsetWidth）/2） + f[i].x; break;
                case alRight : objX = d.scrollLeft + d.offsetWidth - f[i].x - f[i].objId.offsetWidth - 20; break; //減遷移轉(zhuǎn)變條20
            }
            switch （f[i].vAlign）
            {
                case alTop   : objY = d.scrollTop + f[i].y; break;
                case alMiddle: objY = d.scrollTop + Math.ceil（（d.offsetHeight - f[i].objId.offsetHeight）/2） + f[i].y; break;
                case alBottom: objY = d.scrollTop + d.offsetHeight - f[i].y - f[i].objId.offsetHeight; break;
            }
            if （f[i].smooth） smoothMove（f[i].objId， objX,， objY）;
            else
            {
                f[i].objId.style.pixelLeft = objX;
                f[i].objId.style.pixelTop = objY;
            }
        }
    }

    if （document.layers）
    {
        for （var i=0; i<f.length; i++）
        {
            var objId = f[i].objId;
            switch （f[i].align）
            {
                case alLeft : objX = pageXOffset + f[i].x; break;
                case alCenter: objX = pageXOffset + Math.ceil（（window.innerWidth-objId.width）/2） + f[i].x; break;
                case alRight : objX = pageXOffset + window.innerWidth - f[i].x - document.objId.width; break;
            }
            switch （f[i].vAlign）
            {
                case alTop   : objY = pageYOffset + f[i].y; break;
                case alMiddle: objY = pageYOffset + Math.ceil（window.innerHeight/2） + f[i].y; break;
                case alBottom: objY = pageYOffset + window.innerHeight - f[i].y - document.objId.height; break;
            }
            if （t[i].smooth） smoothMove（f[i].objId,， objX， objY）;
            else
            {
                document.objId.left = objX;
                document.objId.top = objY;
            }
        }
    }

    setTimeout（"floatMove（）;",，50）;
}

function smoothMove（obj,， x， y）
{
    var percent;
    if （document.all）
    {
        percent = .1 * （x - obj.style.pixelLeft）;
        if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
        obj.style.pixelLeft += percent;

        percent = .1 * （y - obj.style.pixelTop）;
        if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
        obj.style.pixelTop += percent;
    }
    if （document.layers）
    {
        percent = .1 * （x - document.objId.left）;
        if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
        document.objId.left += percent;

        percent = .1 * （y - document.objId.top）;
        if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
        document.objId.top += percent;
    }
}

setTimeout（"floatMove（）;",，50）;

調(diào)用例子：

[原創(chuàng)]本身定義的簡單辦法驗證表單數(shù)據(jù)
辦法很簡單,，先是定義好要驗證的數(shù)組比如:
check_array[0]= new Array（title，留言主題不克不及為空!）;
然后斷定,，錯誤的就提示定義的內(nèi)容,，代碼如下:

function checkform（）
{
//定義要驗證的表單數(shù)組,；
var check_array=new Array（）;
check_array[0]= new Array（"title"，"留言主題不克不及為空!"）;
check_array[1]= new Array（"name",，"姓名不克不及為空!"）;
check_array[2]= new Array（"email",，"電子郵件不克不及為空!"）;
check_array[3]= new Array（"phone"，"德律風(fēng)不克不及為空!"）;
check_array[4]= new Array（"note",，"留言內(nèi)容不克不及為空!"）;

//驗證定義表單是否為空;
for（var i=0;i<check_array.length;i++）
{
   if（￥（check_array[i][0]）.value==""）
   {
    alert（check_array[i][1]）;
    ￥（check_array[i][0]）.focus（）;
    return false;
   }
}

}
</script>

幾個表單驗證的
function checkMail（obj,，error）
{
    if （obj == null）
return "NULL";
    if （obj.value == ""）
return "EMPTY";
    var filter = /^（[a-zA-Z0-9_\.\-]）+\＠（（[a-zA-Z0-9\-]）+\.）+（[a-zA-Z0-9]{2，4}）+￥/;
    if （filter.test（obj.value））
return true;
    else
alert（error）;
return false;
}

function verifyDottedIP（cntrl,，errmsg1,，errmsg2，flag）
{
ip_str = cntrl.value;

if （ip_str == ""） {
if （flag == 1）{

alert（errmsg1）;
cntrl.（）;
return false;
}
return true;
}else{
varval = 0;
vari = index = 0;

while （index < ip_str.lastIndexOf（"."））{
k = index;
index = ip_str.indexOf（".",， index）;
val = toNumber（ip_str,， k,， index）;

if （val < 0 || val > 255）
break;
i++; index++;
}

if （i == 3）{
if （index == ip_str.length）{
i = 2;
} else {
val = toNumber（ip_str，index,， ip_str.length）;
if （val < 0 || val > 255） i = 2;
}
}

if （i != 3） {
alert（errmsg2）;
cntrl.（）;
return false;
}
}
return true;
}

function verifyport（cntrl,，errmsg1，errmsg2,，flag）
{
varval = 0;

port_str = cntrl.value;
if （port_str == ""） {
if （flag == 1）{

alert（errmsg1）;
cntrl.（）;
return false;
}}
val = toNumber（port_str,， 0， port_str.length）;

if （val < 0 || val > 65535）
{

alert（errmsg2）;
cntrl.（）;
    return false;
    }
    else
    {
    return true;
    }
    }

function checkname（field,，err_blank,，err_space，err_invalid）
{
if （field.value.indexOf（" "） >=0）
{
alert（err_space）;
field.focus（）;
field.（）;
return false;
}

left_trim（field）;
right_trim（field）;

if （field.value =="" | field.value == null）
{

alert（err_blank）;
field.focus（）;
field.（）;
return false;
}

if （checkOtherChar（field.value,， err_invalid）==false）
{
field.focus（）;
field.（）;
return false;
}
if （isChinese（field.value）==true）
{
field.focus（）;
field.（）;
return false;
}

return true;
}

function isChinese（inputStr）{
      iLength = inputStr.length
      for （i = 0; i < iLength; i++）
        if （inputStr.charCodeAt（i） > 255）{
            alert（"Input error!"）;
            return true ;
           }
     return false ;
}

function left_trim（field）
{
var tmp_string = field.value;
while （""""+tmp_string.charAt（0） == "" ""）
tmp_string = tmp_string.substring（1,，tmp_string.length）;

field.value = tmp_string;

}

function right_trim（field）
{
var tmp_string = field.value;

while （""""+tmp_string.charAt（tmp_string.length-1） == "" ""）
tmp_string = tmp_string.substring（0，tmp_string.length-1）;

field.value = tmp_string;
}

function checkOtherChar（str,，errmsg） {
       for（var loop_index=0; loop_index<str.length; loop_index++）
       {
         if（str.charAt（loop_index） == ""~""
           ||str.charAt（loop_index） == ""!""
           ||str.charAt（loop_index） == ""＠""
           ||str.charAt（loop_index） == ""＃""
           ||str.charAt（loop_index） == ""￥""
           ||str.charAt（loop_index） == ""％""
           ||str.charAt（loop_index） == ""^""
           ||str.charAt（loop_index） == ""&""
           ||str.charAt（loop_index） == ""*""
           ||str.charAt（loop_index） == ""（""
           ||str.charAt（loop_index） == ""）""
           ||str.charAt（loop_index） == ""+""
           ||str.charAt（loop_index） == ""{""
           ||str.charAt（loop_index） == ""}""
           ||str.charAt（loop_index） == ""|""
           ||str.charAt（loop_index） == "":""
           ||str.charAt（loop_index） == """""
           ||str.charAt（loop_index） == ""<""
           ||str.charAt（loop_index） == "">""
           ||str.charAt（loop_index） == "",？""
           ||str.charAt（loop_index） == ""`""
           ||str.charAt（loop_index） == ""=""
           ||str.charAt（loop_index） == ""[""
           ||str.charAt（loop_index） == ""]""
           ||str.charAt（loop_index） == ""\\""
           ||str.charAt（loop_index） == "";""
           ||str.charAt（loop_index） == ""\""""
           ||str.charAt（loop_index） == ""，""
           ||str.charAt（loop_index） == "".""
           ||str.charAt（loop_index） == ""/""）
          {

            alert（errmsg）;
            return false;
      }
         }
      return true;
   }

function check_pwd_eq（element1,，element2,，errmsg）
{
if （element1.value == element2.value）
{
return true;
}
else
{
alert（errmsg）;
element1.（）;
return false;
}
}

function check_pwd（field，errmsg1）
{

if （field.value == ""） {
      alert（errmsg1）;
      field.focus（）;
      return false;
}

return true;
}

function verifynum（cntrl,，errmsg3,，flag，errmsg1,，errmsg2,，，to）
    {
    varval = 0;
    num_str = cntrl.value;
   if （num_str.indexOf（" "） >=0）
   {
alert（errmsg3）;
cntrl.focus（）;
cntrl.（）;
return false;
}

if （flag == 1） {
if （num_str == ""） {
alert（errmsg1）;
return false;
}}
val = toNumber（num_str,， 0,， num_str.length）;

    if （（val < || val > to） && （num_str != ""））
    {
alert（errmsg2）;
    return false;
    }
    else
    {
    return true;
    }
    }

斷定瀏覽器類型
<SCRIPT language=JavaScript>
if（navigator.appVersion.indexOf（"MSIE 6."） != -1 ）{
window.location = "111.htm" ;
}

</SCRIPT>

按鈕靠山圖片調(diào)換
<input type=button style="background-image:url（a.gif）" value=test onmou搜刮引擎優(yōu)化ver="this.style.backgroundImage=""url（b.gif）""" onmou搜刮引擎優(yōu)化ut=""this.style.backgroundImage=""url（a.gif）"""" ID="Button1" NAME="Button1"/>

document.getElementById（id）的最簡化調(diào)用
/*--------------------------------------------------------------------------*/

/**
* 這個函數(shù)就 Ruby 了。我感覺它的感化首要有兩個
* 1. 可能是 document.getElementById（id）的最簡化調(diào)用,。
* 比如：￥（aaa）將返回 aaa 對象
* 2. 獲得對象數(shù)組
* 比如: ￥（aaa,，bbb）返回一個包含id為aaa和bbb兩個
input控件對象的數(shù)組。
*/
function ￥（） {
var elements = new Array（）;

for （var i = 0; i < arguments.length; i++） {
    var element = arguments[i];
    if （typeof element == ""string""）
      element = document.getElementById（element）;

if （arguments.length == 1）
return element;

elements.push（element）;
}

return elements;
}

//樊籬 Ctrl+n
if （（event.ctrlKey）&&（event.keyCode==78））
{
event.returnValue=false;
}

//樊籬 shift+F10
if （（event.shiftKey）&&（event.keyCode==121））
{
event.returnValue=false;
}

//樊籬 shift 加鼠標(biāo)左鍵新開一網(wǎng)頁
if （window.event.srcElement.tagName == "A" && window.event.shiftKey）
{
window.event.returnValue = false;
}

//樊籬Alt+F4
if （（window.event.altKey）&&（window.event.keyCode==115））
{
window.showModelessDialog（"about:blank",，"",，"dialogWidth:1px;dialogheight:1px"）;
return false;
}

//樊籬Ctrl+A
if（（event.ctrlKey）&&（event.keyCode==65））
{
return false;
}
return false;
}
document.onkeydown=KeyDown;
</script>

按照身份證號碼取得誕辰與性別，并斷定18位身份證的正確與錯誤:
function showBirthday（val）{
var birthdayValue;
if（15==val.length）{//15位身份證號碼
birthdayValue = val.charAt（6）+val.charAt（7）;
if（parseInt（birthdayValue）<10）{
birthdayValue = ""20""+birthdayValue;
}else{
birthdayValue = ""19""+birthdayValue;
}
birthdayValue=birthdayValue+""-""+val.charAt（8）+val.charAt（9）+""-""+val.charAt（10）+val.charAt（11）;
if（parseInt（val.charAt（14）/2）*2!=val.charAt（14））
document.all.sex.value=""男"";
else
document.all.sex.value=""女"";
document.all.birthday.value=birthdayValue;
}
if（18==val.length）{//18位身份證號碼
birthdayValue=val.charAt（6）+val.charAt（7）+val.charAt（8）+val.charAt（9）+""-""+val.charAt（10）+val.charAt（11）+""-""+val.charAt（12）+val.charAt（13）;
if（parseInt（val.charAt（16）/2）*2!=val.charAt（16））
document.all.sex.value=""男"";
else
document.all.sex.value=""女"";
if（val.charAt（17）!=IDCard（val））{
document.all.idCard.style.backgroundColor=""＃ffc8c8"";
}else{
document.all.idCard.style.backgroundColor=""white"";
}
document.all.birthday.value=birthdayValue;
}
}

// 18位身份證號最后一位校驗
function IDCard（Num）
{
if （Num.length!=18）
return false;
var x=0;
var y="""";

for（i=18;i>=2;i--）
x = x + （square（2,，（i-1））％11）*parseInt（Num.charAt（19-i-1））;
x％=11;
y=12-x;
if （x==0） y=""1"";
if （x==1） y=""0"";
if （x==2） y=""X"";
return y;
}
// 求得x的y次方
function square（x,，y）
{
var i=1;
for （j=1;j<=y;j++）
i*=x;
return i;
}

身份證<input type="text" name="idCard">
性別<input type="text" name="sex">
誕辰<input type="text" name="birthday">

獲取頁面中控件的ID:（查錯時可能有效）

function clk（）
{
document.all（""TextBox1""）.value=event.srcElement.id;
}

document.onclick=clk;

　B.27 string對象
　　它不是另一個對象的屬性，而是一個內(nèi)置對象,，即一串字符字符串輸入腳本中時必須位于引號內(nèi),。
　　屬性
　　length 字符串中的字符個數(shù)
　　辦法
　　anchor（）用來把字符串轉(zhuǎn)換到HTML錨點標(biāo)識表記標(biāo)幟內(nèi)（<A NAME=>）
　　big（）把字符串中的文本變成大字體（<BIG>）
　　blink（）把字符串中的文本變成閃爍字體（<BLINK>）
　　bold（）把字符串中的文本變成黑字體（<B>）
　　charAt（）尋找字符串中指定地位的一個字符
　　fixed（）把字符串中的文本變成固定間距字體（<TT>）
　　fontcolor（）改變字符串中文本的色彩（<FONT COLOR=>）
　　fontsize（）把字符串中的文本變成指定大小（<FONTSIZE=>）
　　indexOf（）用來搜刮字符串中的某個特別字符,，并返回該字符的索引地位
　　italics（）把字符串中的文本變成斜字體（<I>）
　　lastlndexOf（）與indexof類似,，然則向后搜刮最后一個呈現(xiàn)的字符
　　link（）用來把字符串轉(zhuǎn)換到HTML鏈接標(biāo)識表記標(biāo)幟中（<A HREF=>）
　　small（）把字符串中的文本變成小字體（<SMALL>）
　　strike（）把字符串中的文本變成劃掉字體（<STRIKE>）
　　sub（）把字符串中的文本變成下標(biāo)（subscript）字體（（SUB>）
　　substring（）返回字符串里指定地位間的一項目組字符串
　　sup（）把字符串中的文本變成上標(biāo)（superscript）字體（<SUP>）
　　toLowerCase（）把字符串中的文本變成小寫
　　toUpperCase（）把字符串中的文本變成大寫

　　B.28 submit對象
　　它是form對象的一個屬性，窗體中的一個提交按鈕（<INPUT TYPE=”SUBMIT”>）,。
　　屬性
　　name 對象的名字（NAME=特點）
　　value VALUE=特點
　　辦法
　　click 模仿鼠標(biāo)單擊按鈕
　　事務(wù)處理懲罰法度
　　Onclick 點擊

　　B.29 text對象
　　它是form對象的一個屬性,，宙體中的一個文本域（<INPUT TYPE=”TEXT”>）。
　　屬性
　　defaultValue text對象的缺省值（VALUE=特點）
　　name 該對象的名字（NAME=特點）
　　Value 該域具有的當(dāng)前值,，最初與VALUE=特點（defaultValue）雷同然則,，若是腳本批改了該域中的值，則該值將改變
　　辦法
　　blur 把核心從文本框移開
　　focus 把核心移到文本框
　　選擇輸入?yún)^(qū)域
　　事務(wù)處理懲罰法度
　　Onblur 落空核苦衷務(wù)
　　Onchange 更改
　　Onfocus 聚焦事務(wù)
　　On 拔取事務(wù)

　　B.30 textarea對象
　　它是form對象的一個屬性,，宙體中的一個文本區(qū)域（<TEXTAREA>）,。
　　屬性
　　defaultValue textarea對象的缺省值（VALUE=特點）
　　name 該對象的名字（NAME=特點）
　　value 該域具有的當(dāng)前值，最初與VALUE=特點（defaultValue）雷同,，然則,，若是腳本批改了該域中的值，則該值將改變了,。
　　辦法
　　blur 把核心從文本區(qū)移開
　　focus 把核心移到文本區(qū)
　　選擇輸入?yún)^(qū)域事務(wù)處理懲罰法度
　　事務(wù)處理懲罰法度
　　Onblur 落空核苦衷務(wù)
　　Onchange 更改
　　Onfocus 聚焦事務(wù)
　　On 拔取事務(wù)

　　B.31 window對象
　　它是一個頂層對象，而不是另一個對象的屬性即瀏覽器的窗口,。
　　屬性
　　defaultStatus 缺省的狀況條消息
　　document 當(dāng)前顯示的文檔（該屬性本身也是一個對象）
　　frame 窗口里的一個框架（（FRAME>）（該屬性本身也是一個對象）
　　frames array 列舉窗口的框架對象的數(shù)組,，遵守這些對象在文檔中呈現(xiàn)的次序列出（該屬性本身也是一個對象）
　　history 窗口的汗青列表（該屬性本身也是一個對象）
　　length 窗口內(nèi)的框架數(shù)
　　location 窗口所顯示文檔的完全（絕對）URL（該屬性本身也是一個對象）不要把它與如document.location混合，后者是當(dāng)前顯示文檔的URL,。用戶可以改變window.location（用另一個文檔庖代當(dāng)前文檔）,，但卻不克不及改變document.location（因為這是當(dāng)前顯示文檔的地位）
　　name 窗口打開時，付與該窗口的名字
　　opener 代表應(yīng)用window.open打開當(dāng)前窗口的腳本地點的窗口（這是Netscape Navigator 3.0beta 3所引入的一個新屬性）
　　parent 包含當(dāng)前框架的窗口的同義詞,。frame和window對象的一個屬性
　　self 當(dāng)前窗口或框架的同義詞
　　status 狀況條中的消息
　　top 包含當(dāng)前框架的最頂層瀏覽器窗口的同義詞
　　window 當(dāng)前窗口或框架的同義詞,，與self雷同
　　辦法
　　alert（）打開一個Alert消息框
　　clearTimeout（）用來終止setTimeout辦法的工作
　　close（）封閉窗口
　　confirm（）打開一個Confirm消息框，用戶可以選擇OK或Cancel,，若是用戶單擊OK，該辦法返回true，單擊Cancel返回false
　　blur（）把核心從指定窗口移開（這是Netscape Navigator 3.0 beta 3引入的新辦法）
　　focus（）把指定的窗口帶到前臺（另一個新辦法）
　　open（）打開一個新窗口
　　prompt（）打開一個Prompt對話框,，用戶可向該框鍵入文本,，并把鍵入的文本返回到腳本
　　setTimeout（）守候一段指定的毫秒數(shù)時候，然后運行指令事務(wù)處理懲罰法度
　　事務(wù)處理懲罰法度
　　Onload（）頁面載入時觸發(fā)
　　Onunload（）頁面封閉時觸發(fā)

　　B.16 images數(shù)組
　　它是document對象的一個屬性,，文檔中所有圖像的列表,。
　　屬性
　　length 文檔內(nèi)的圖像個數(shù)

　　B.17 link
　　它是document對象的一個屬性，文檔內(nèi)的一個<A HREF=>標(biāo)識表記標(biāo)幟,。
　　屬性
　　hash 以散列號（＃）開端的一個字符串,，用于指定URL內(nèi)的一個錨點
　　host 包含冒號和端標(biāo)語的URL的主機名項目組
　　hostname 與host屬性雷同,，除了不包含冒號和端標(biāo)語外
　　href 完全的URL
　　pathname URL的目次路徑項目組
　　port URL的:端口項目組
　　protocol URL類型（http:、ftp:,、gopher:等等）
　　search 以一個問號開端的URL中的一項目組，用于指定搜刮信息
　　target 當(dāng)用戶單擊一鏈接（TARGET特點）時,，用于顯示被引用文檔內(nèi)容的窗口
　　事務(wù)處理懲罰法度
　　Onclick 點擊
　　Onmou搜刮引擎優(yōu)化ver 鼠標(biāo)移到對象上

　　B.18 links數(shù)組
　　它是document對象的一個屬性,，文檔內(nèi)所有鏈接的一個列表。
　　屬性
　　length 文檔內(nèi)的鏈接數(shù)

　　B.19 location對象
　　它為document對象的一個屬性,，該文檔的完全URL,，請不要把它與window.location屬性相混合，后者可用來加載一個新文檔,，并且window.location屬性本身并不是一個對象,，同時，window.location可以用腳本批改,，而document.location則不克不及,。
　　屬性
　　hash 以散列號（＃）開端的一個字符串，用于指定URL內(nèi)的一個錨點
　　host 包含冒號和端標(biāo)語的URL的主機名項目組
　　hostname 與host屬性雷同,，除了不包含冒號和端標(biāo)語之外
　　href 完全的URL
　　pathname URL的目次路徑項目組
　　port URL的:端口項目組
　　protocol URL的類型（http:,、ftp:、gopher:等等）
　　search 以問號（,？）開端的URL中的一項目組,，用于指定搜刮信息
　　target 用戶單擊鏈接（TARGET特點）時，用于顯示被引用文檔的內(nèi)容的窗口

　　B.20 math對象
　　該對象不是其它對象的一個屬性,，而是一個內(nèi)置對象,，包含了很多半學(xué)常量和函數(shù),。
　　屬性
　　E 歐拉常量，天然對數(shù)的底（約便是2.718）
　　LN2 2的天然對數(shù)（約便是0.693）
　　LN10 10的天然對數(shù)（約便是2.302）
　　LOG2E 以2為底的e的對數(shù)（約便是1.442）
　　LOG10E 以10為底的e的對數(shù)（約便是o.434）
　　PI ∏的值（約便是3.14159）
　　SQRT1_2 0.5的平方根（即l除以2的平方根,，約便是o.707）
　　SQRT2 2的平方根（約便是1.414）
　　辦法
　　abs（）返回某數(shù)的絕對值（即該數(shù)與o的間隔,，例如，2與一2的絕對值都是2）
　　acos（）返回某數(shù)的反余弦值（以弧度為單位）
　　asin（）返回某數(shù)的反正弦值（以弧度為單位）
　　atan（）返回某數(shù)的反正切值（以弧度為單位）
　　ceil（）返回與某數(shù)相等,，或大于該數(shù)的最小整數(shù)（ceil（-22.22）返回-22;ceil22,，22）返回23;ceil（22）返回22）
　　cos（）返回某數(shù)（以弧度為單位）的余弦值
　　exp（）返回en
　　floor（）與ceil相反（floor（一22.22）返回一23;floor（22.22）返回22; floor（22）返回22）
　　10g（）返回某數(shù)的天然對數(shù)（以e為底）
　　max（）返回兩數(shù)間的較大值
　　min（）返回兩數(shù)問的較小值
　　pow（）返回m的n次方（此中，m為底,，n為指數(shù)）
　　random（）返回0和1之間的一個偽隨機數(shù)（該辦法僅在Netscape
　　Navigator的UNIX版本中有效）
　　round（）返回某數(shù)四舍五入之后的整數(shù)
　　sin（）返回某數(shù)（以弧度為單位）的正弦值
　　sqrt（）返回某數(shù)的平方根
　　tan（）返回某數(shù)的正切值

　　B.2l navigator對象
　　該對象不是其它對象的屬性,，而是一個內(nèi)置對象它包含了有關(guān)加載文檔的瀏覽器的信息。
　　屬性
　　appCodeName 瀏覽器的代碼名（例如,，Mozilla）
　　appName 瀏覽器的名字
　　appVersion 瀏覽器的版本號
　　userAgent 由客戶機送到辦事器的用戶與****代理頭標(biāo)文本
　　辦法
　　javaEnabled JavaScript中當(dāng)前并沒有該辦法,，然則不久之后將會添加上它將查看瀏覽器是否為兼容JavaScript的瀏覽器，若是是,，持續(xù)查看JavaScript是否處于支撐狀況,。

　　B.22 options數(shù)組
　　該數(shù)組是對象的一個屬性，即選擇框中的所有選項（<OPTION>）的一個列表,。
　　屬性
　　defaultSelected 選項列表中的缺省選項
　　index 選項列表中某選項的索引地位
　　length 選項列表中的選項數(shù)（<OPTIONS>）
　　name 選項列表的名字（NAME特點）
　　ed 默示選項列表中某選項<OPTION>是否被選中的一個布爾類型值
　　edIndex 選項列表中已選中的<OPTION>的索引（地位）
　　text 選項列表中<OPTION>標(biāo)識表記標(biāo)幟后的文本
　　value 選項列表中的VALUE=特點

　　B.23 Password 對象
　　它是document對象的一個屬性,，一個<INPUT TYPE=”PASSWORD”>標(biāo)識表記標(biāo)幟。
　　屬性
　　defaultValue password對象的缺省值（VAlUE=特點）
　　name 對象的名字（NAME=特點）
　　value 該域具有的當(dāng)前值最初與VALUE=特點（defauttValue）雷同,，然則,，若是腳本批改了該域中的值，則該值將改變
　　辦法
　　focus 把核心從該域移開
　　blur 把核心移到該域
　　選擇輸入?yún)^(qū)域

　　B.24 radio對象
　　它是form對象的一個屬性,，窗體內(nèi)的一組單選按鈕（選項按鈕）（<INPUT TYPE=”RADIO”>）,。
　　屬性
　　checked 復(fù)選框或選項按鈕（單選按鈕）的狀況
　　defaultChecked 復(fù)選框或選項按鈕（單選按鈕）的缺省狀況
　　length 一組單選按鈕中的按鈕數(shù)
　　name 對象的名字（NAME=特點）
　　value VALUE=特點
　　辦法
　　click 模仿鼠標(biāo)單擊按鈕
　　事務(wù)處理懲罰法度
　　onclick 點擊

　　B.25 reset 對象
　　它是form對象的一個屬性，復(fù)位按鈕（<INPUT TYPE=”RESET”>）,。
　　屬性
　　name 對象的名字（NAME=特點）
　　value VALUE=特點
　　辦法
　　click 模仿鼠標(biāo)單擊按鈕
　　事務(wù)處理懲罰法度
　　onclick 點擊

　　B.26 對象
　　它是form對象的一個屬性,，選擇框（<SELECT>）。
　　屬性
　　length 選項列表中的選項數(shù)（<OPTIONS>）
　　name 選項列表的名字（NAME特點）
　　options 列表中的選項數(shù)
　　edlndex 選項列表中已選中的<OPTION>的索引（地位）
　　text 選項列表中（OPTION）標(biāo)識表記標(biāo)幟之后的文本
　　value 選項列表中的VALUE=特點
　　辦法
　　blur 把核心從選項列表中移走
　　focus 把核心移到選項列表中
　　事務(wù)處理懲罰法度
　　Onblur 落空核心時事務(wù)
　　onchange 更改
　　Onfocus 聚焦事務(wù)
本文列舉了各類JavaScript對象與數(shù)組,，同時包含對上述每一對象或數(shù)組所完成工作的簡短描述,，以及與其相干的屬性辦法，以及事務(wù)處理懲罰法度,，還注了然該對象或數(shù)組的父對象用戶同樣可能須要參考Online Companion中的超等文本Object Hierarchy頁面（http://www./support/javascript/10-9.htm），以便懂得這些對象之間是如何彼此接洽關(guān)系的,。
　　趁便提一下,，記住，這里把所有作為另一對象的子對象的對象看作該對象的屬性請拜見第十章中與此相干的注解,。

　　B.1 anchor對象
　　應(yīng)用<A NAME=>標(biāo)識表記標(biāo)幟創(chuàng)建的HTML描點能被一個鏈接作為目標(biāo)若是錨點包含HREF=特點,，則它也是一個鏈接對象。
　　anchor對象是document對象的一個屬性，它本身沒有屬性辦法或者事務(wù)處理懲罰法度,。

　　B.2 anchors數(shù)組
　　anchors數(shù)組是document對象的一個屬性,，是文檔內(nèi)所有anchor對象的一個列表若是anchor也是一個link（鏈接），則它會同時呈如今anchors和links數(shù)組中,。
　　屬性
　　length 文檔內(nèi)的錨點個數(shù)

　　B.3 array對象
　　array對象是Netscape Navlgator 3.0 beta 3中引入的一個新的對象,，因而，它不克不及在Netscape 2.0中應(yīng)用它是一個內(nèi)置對象,，而不是其它對象的屬性,。
　　屬性
　length 數(shù)組中的值個數(shù)

　　B.4 button對象
　　它是form對象的一個屬性，應(yīng)用<INPUT TYPE="BUTTON">標(biāo)識表記標(biāo)幟來創(chuàng)建,。
　　屬性
　　name HTML標(biāo)識表記標(biāo)幟中的NAME=特點
　　value HTML標(biāo)識表記標(biāo)幟中的VALUE=特點
　　辦法
　　click 模仿鼠標(biāo)單擊一按鈕
　　事務(wù)處理懲罰法度
　　Onclick

　　B.5 checkbox 對象
　　它是form對象的一個屬性,，應(yīng)用<INPUT TYPE="CHECKBOX">標(biāo)識表記標(biāo)幟來創(chuàng)建。
　　屬性
　　checked 復(fù)選框的選擇狀況
　　defaultChecked 標(biāo)識表記標(biāo)幟的CHECKED=特點
　　name 標(biāo)識表記標(biāo)幟的NAME=特點
　　value 標(biāo)識表記標(biāo)幟的VALUE=特點
　　辦法
　　click 模仿鼠標(biāo)單擊按鈕
　　事務(wù)處理懲罰法度
　　onclick

　　B.6 Date對象
　　它是一個內(nèi)置對象——而不是其它對象的屬性,，容許用戶履行各類應(yīng)用日期和時候的過程,。
　辦法
　　getDate（）查看Date對象并返回日期
　　getDay（）返回禮拜幾
　　getHours（）返回小時數(shù)
　　getMinutes（）返回分鐘數(shù)
　　getMonth（）返回月份值
　　getSeconds（）返回秒數(shù)
　　getTime（）返回完全的時候
　　getTimezoneoffset（）返回時區(qū)誤差值（格林威治均勻時候與運行腳本的策畫機所處時區(qū)設(shè)置之間相差的小時數(shù)）
　　getYear（）返回年份
　　parse（）返回在Date字符串中自從1970年1月1日00:00:00以來的毫秒數(shù)（Date對象遵守毫秒數(shù)的情勢存儲從那時起的日期和時候）然則重視，該辦法當(dāng)前不克不及正確運行
　　setDate（）改變Date對象的日期
　　setHours（）改變小時數(shù)
　　setMinutes（）改變分鐘數(shù)
　　setMonth（）改變月份
　　setSeconds（）改變秒數(shù)
　　setTime（）改變完全的時候
　　setYear（）改變年份
　　toGMTString（）把Date對象的日期（一個數(shù)值）改變成一個GMT時候字符串,，返回類似下面的值:Weds,，15 June l997 14:02:02 GMT（正確的格局依附于策畫機上所運行的操縱體系而變）
　　toLocaleString（）把Date對象的日期（一個數(shù)值）改變成一個字符串，應(yīng)用地點策畫機上設(shè)備應(yīng)用的特定日期格局
　　UTC（）應(yīng)用Date UTC（年,、月,、日、時,、分,、秒），以自從1970年1月1日00:00:00（此中時,、分,、秒是可選的）以來的毫秒數(shù)的情勢返回日期

　　B.7 document對象
　　該對象是window和frames對象的一個屬性，是顯示于窗口或框架內(nèi)的一個文檔,。
　　屬性
　　alinkColor 活動鏈接的色彩（ALINK）
　　anchor 一個HTMI錨點,，應(yīng)用<A NAME=>標(biāo)識表記標(biāo)幟創(chuàng)建（該屬性本身也是一個對象）
　　anchors array 列出文檔錨點對象的數(shù)組（<A NAME=>）（該屬性本身也是一個對象）
　　bgColor 文檔的靠山色彩（BGCOLOR）
　　cookie 存儲于cookie.txt文件內(nèi)的一段信息，它是該文檔對象的一個屬性
　　fgColor 文檔的文本色彩（<BODY>標(biāo)識表記標(biāo)幟里的TEXT特點）
　　form 文檔中的一個窗體（<FORM>）（該屬性本身也是一個對象）
　　forms anay 遵守其呈如今文檔中的次序列出窗體對象的一個數(shù)組（該屬性本身也是一個對象）
　　lastModified 文檔最后的批改日期
　　linkColor 文檔的鏈接的色彩,，即<BODY>標(biāo)識表記標(biāo)幟中的LINK特點（鏈接到用戶沒有調(diào)查到的文檔）
　　link 文檔中的一個<A HREF=>標(biāo)識表記標(biāo)幟（該屬性本身也是一個對象）
　　links array 文檔中l(wèi)ink對象的一個數(shù)組,，遵守它們呈如今文檔中的次序分列（該屬性本身也是一個對象）
　　location 當(dāng)前顯示文檔的URL。用戶不克不及改變document.location（因為這是當(dāng)前顯示文檔的地位）,。然則,，可以改變window.location （用其它文檔庖代當(dāng)前文檔）window.location本身也是一個對象，而document.location不是對象
　　referrer 包含鏈接的文檔的URL,，用戶單擊該鏈接可達(dá)到當(dāng)前文檔
　　title 文檔的題目（（TITLE>）
　　vlinkColor 指向用戶已調(diào)查過的文檔的鏈接文本色彩,，即<BODY>標(biāo)識表記標(biāo)幟的VLINK特點
　　辦法
　　clear 清除指定文檔的內(nèi)容
　　close 封閉文檔流
　　open 打開文檔流
　　write 把文本寫入文檔
　　writeln 把文本寫入文檔,，并以換行符結(jié)尾

　　B.8 elements數(shù)組
　　它是form對象的一個屬性，列舉了窗體內(nèi)各元素的一個數(shù)組,。
　　屬性
　　1ength 窗體內(nèi)的元素個數(shù)
　　B.9 form對象
　　它是document對象的一個屬性,，文檔內(nèi)的一個窗體。
　　屬性
　　action 包含了為一個窗體提交的目標(biāo)URL的字符串
　　button 窗體內(nèi)的一個按鈕,，應(yīng)用<INPUT TYPE=”BUTTON”>標(biāo)識表記標(biāo)幟來創(chuàng)建（該屬性本身也是一個對象）
　　checkbox 復(fù)選框,，應(yīng)用<INPUT TYPE=”CHECKBOX”>標(biāo)識表記標(biāo)幟來創(chuàng)建（該屬性本身也是一個對象）
　　elements array 一個數(shù)組，遵守其呈現(xiàn)于窗體內(nèi)的次序列舉各窗體元素（該屬性本身也是一個對象）
　　encoding 窗體的MIME編碼
　hidden 窗體里的一個隱蔽元素（<INPUT TYPE=”HIDDEN”>）,。窗體對象的一個屬性（該屬性本身也是一個對象）
　　length 窗體里的元素的個數(shù)
　　method 輸入窗體的數(shù)據(jù)傳送到辦事器上的體式格式,，即（FORM）標(biāo)識表記標(biāo)幟中的METHOD特點
　　radio 設(shè)置在窗體里的單選按鈕（<INPUT TYPE=”RADIO”>）（該屬性本身也是一個對象）
　　reset 窗體里的復(fù)位按鈕（（1NPUT TYPE=”RESET”>）（該屬性自身也是一個對象）
　　窗體里的選擇框（<SELECT>）（該屬性本身也是一個對象）
　　submit 窗體里的提交按鈕（<INPUT TYPE=”SUBMIT”>）（該屬性本身也是一個對象）
　　target 提交窗體后，顯示回應(yīng)信息的窗口的名字
　　text 窗體里的文本元素（<INPUT TYPE=”TEXT”>）（該屬性本身也是一個對象）
　　textarta 窗體里的文本區(qū)元素（<TEXTAREA>）（該屬性本身也是一個對象）
　　辦法
　　submit 提交窗體（與應(yīng)用Submit按鈕的感化雷同）事務(wù)處理懲罰法度
　　onsubmit

　　B.10 forms數(shù)組
　　該數(shù)組是document對象的一個屬性,，即列舉了文檔內(nèi)的各窗體的一個數(shù)組,。
　　屬性
　　length 文檔內(nèi)窗體的個數(shù)

　　B.11 frame對象
　　它是window對象的一個屬性，窗口內(nèi)的一個框架,。除了個別例外,，frame對象與window對象的感化雷同。
　　屬性
　　frames array 列舉該框架內(nèi)的各個子框架的一個數(shù)組（該屬性本身也是—個對象）
　　length 該框架內(nèi)的框架數(shù)
　　name 框架的名字（<FRAME>標(biāo)識表記標(biāo)幟里的NAME特點）
　　parent 包含本框架的父窗口的同義詞
　　self 當(dāng)前框架的同義詞
　　window 當(dāng)前框架的同義詞
　　辦法
　　clearTimeout（）用來終止setTimeout辦法的工作
　　setTimeout（）守候指定的毫秒數(shù),，然后運行指令

　　B.12 frames數(shù)組
　　它既是window對象,，也是frame對象的屬性，列舉了window或者frame對象內(nèi)的各框架,。
　　屬性
　　length 窗口或框架對象內(nèi)的框架數(shù)

　　B.13 hidden對象
　　糊為form對象的一個屬性,，窗體內(nèi)的一個隱蔽元素（<INPUT TYPE=”HIDDEN”>）。
　　屬性
　　name 標(biāo)識表記標(biāo)幟內(nèi)的名字（NAME特點）
　　value 標(biāo)識表記標(biāo)幟內(nèi)的VALUE=特點

　　B.14 history對象
　　它為window對象的一個屬性,，該窗口的汗青列表,。
　　屬性
　　length 汗青列表中的項目數(shù)
　　辦法
　　back 加載汗青列表中的上一個文檔
　　forward 加載汗青列表中的下一個文檔
　　go 加載汗青列表中的一個指定文檔，經(jīng)由過程文檔在列表中的地位來指定

　　B.15 image對象
　　它是document對象的一個屬性,，是應(yīng)用（1MG）標(biāo)識表記標(biāo)幟內(nèi)嵌入文檔里的一幅圖像這是Netscape Navigator 3.0 beta 3引入的新對象,。
　　屬性
　　border <IMG>標(biāo)識表記標(biāo)幟的BORDER特點
　　complete 默示瀏覽器是否完全地加載了圖像的一個布爾值
　　height HEIGHT特點
　　hspace HSPACE特點
　　lowsrc LOWSRC特點
　　src SRC特點
　　vsPace VSPACE特點
　　width WIDTH特點
　　事務(wù)處理懲罰法度
　　Onload 圖象載入
　　Onerror 載入錯誤
　　Onabort 作廢

javascript事務(wù)列表申明注解

事務(wù) 瀏覽器支撐申明注解
一般事務(wù)

onclick IE3、N2 鼠標(biāo)點擊時觸發(fā)此事務(wù)
ondblclick IE4,、N4 鼠標(biāo)雙擊時觸發(fā)此事務(wù)
onmousedown IE4,、N4 按下鼠標(biāo)時觸發(fā)此事務(wù)
onmouseup IE4、N4 鼠標(biāo)按下后松開鼠標(biāo)時觸發(fā)此事務(wù)
onmou搜刮引擎優(yōu)化ver IE3,、N2 當(dāng)鼠標(biāo)移動到某對象局限的上方時觸發(fā)此事務(wù)
onmousemove IE4,、N4 鼠標(biāo)移動時觸發(fā)此事務(wù)
onmou搜刮引擎優(yōu)化ut IE4、N3 當(dāng)鼠標(biāo)分開某對象局限時觸發(fā)此事務(wù)
onkeypress IE4,、N4 當(dāng)鍵盤上的某個鍵被按下并且開釋時觸發(fā)此事務(wù).
onkeydown IE4,、N4 當(dāng)鍵盤上某個按鍵被按下時觸發(fā)此事務(wù)
onkeyup IE4、N4 當(dāng)鍵盤上某個按鍵被按攤開時觸發(fā)此事務(wù)

頁面相干事務(wù)
onabort IE4,、N3 圖片鄙人載時被用戶中斷
onbeforeunload IE4,、N 當(dāng)前頁面的內(nèi)容將要被改變時觸發(fā)此事務(wù)
onerror IE4、N3 呈現(xiàn)錯誤時觸發(fā)此事務(wù)
onload IE3,、N2 頁面內(nèi)容完成時觸發(fā)此事務(wù)
onmove IE,、N4 瀏覽器的窗口被移動時觸發(fā)此事務(wù)
onresize IE4、N4 當(dāng)瀏覽器的窗口大小被改變時觸發(fā)此事務(wù)
onscroll IE4,、N 瀏覽器的遷移轉(zhuǎn)變條地位產(chǎn)生變更時觸發(fā)此事務(wù)
onstop IE5,、N 瀏覽器的停止按鈕被按下時觸發(fā)此事務(wù)或者正鄙人載的文件被中斷
onunload IE3、N2 當(dāng)前頁面將被改變時觸發(fā)此事務(wù)

表單相干事務(wù)
onblur IE3,、N2 當(dāng)前元素落空核心時觸發(fā)此事務(wù)
onchange IE3,、N2 當(dāng)前元素落空核心并且元素的內(nèi)容產(chǎn)生改變而觸發(fā)此事務(wù)
onfocus IE3 、N2 當(dāng)某個元素獲得核心時觸發(fā)此事務(wù)
onreset IE4 ,、N3 當(dāng)表單中RESET的屬性被激發(fā)時觸發(fā)此事務(wù)
onsubmit IE3 ,、N2 一個表單被遞交時觸發(fā)此事務(wù)

遷移轉(zhuǎn)變字幕事務(wù)

onbounce IE4、N 在Marquee內(nèi)的內(nèi)容移動至Marquee顯示局限之外時觸發(fā)此事務(wù)
onfinish IE4,、N 當(dāng)Marquee元素完成須要顯示的內(nèi)容后觸發(fā)此事務(wù)
onstart IE4,、 N 當(dāng)Marquee元素開端顯示內(nèi)容時觸發(fā)此事務(wù)

編輯事務(wù)

onbeforecopy IE5、N 當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者體系的剪貼板前觸發(fā)此事務(wù)
onbeforecut IE5,、 N 當(dāng)頁面中的一項目組或者全部的內(nèi)容將被移離當(dāng)前頁面[剪貼]并移動到瀏覽者的體系
剪貼板時觸發(fā)此事務(wù)

onbeforeeditfocus IE5,、N 當(dāng)前元素將要進(jìn)入編輯狀況
onbeforepaste IE5、 N 內(nèi)容將要從瀏覽者的體系剪貼板傳送[粘貼]到頁面中時觸發(fā)此事務(wù)
onbefore IE5,、 N 當(dāng)瀏覽者粘貼體系剪貼板中的內(nèi)容時通知目標(biāo)對象
oncontextmenu IE5,、N 當(dāng)瀏覽者按下鼠標(biāo)右鍵呈現(xiàn)菜單時或者經(jīng)由過程鍵盤的按鍵觸發(fā)頁面菜單時觸發(fā)的事務(wù)
oncopy IE5、N 當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)此事務(wù)
oncut IE5,、N 當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時觸發(fā)此事務(wù)
ondrag IE5,、N 當(dāng)某個對象被拖動時觸發(fā)此事務(wù) [活動事務(wù)]
ondragdrop IE、N4 一個外部對象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀
ondragend IE5,、N 當(dāng)鼠標(biāo)拖動停止時觸發(fā)此事務(wù),，即鼠標(biāo)的按鈕被開釋了
ondragenter IE5、N 當(dāng)對象被鼠標(biāo)拖動的對象進(jìn)入其容器局限內(nèi)時觸發(fā)此事務(wù)
ondragleave IE5,、N 當(dāng)對象被鼠標(biāo)拖動的對象分開其容器局限內(nèi)時觸發(fā)此事務(wù)
ondragover IE5,、N 當(dāng)某被拖動的對象在另一對象容器局限內(nèi)拖動時觸發(fā)此事務(wù)
ondragstart IE4、N 當(dāng)某對象將被拖動時觸發(fā)此事務(wù)
ondrop IE5,、N 在一個拖動過程中,，開釋鼠標(biāo)鍵時觸發(fā)此事務(wù)
onlosecapture IE5、N 當(dāng)元素落空鼠標(biāo)移動所形成的選擇核心時觸發(fā)此事務(wù)
onpaste IE5,、N 當(dāng)內(nèi)容被粘貼時觸發(fā)此事務(wù)
on IE4,、N 當(dāng)文本內(nèi)容被選擇時的事務(wù)
onstart IE4、N 當(dāng)文本內(nèi)容選擇將開端產(chǎn)生時觸發(fā)的事務(wù)

數(shù)據(jù)綁定
onafter IE4,、N 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時觸發(fā)此事務(wù)
oncellchange IE5,、N 當(dāng)數(shù)據(jù)起原產(chǎn)生變更時
ondataavailable IE4,、N 當(dāng)數(shù)據(jù)接管完成時觸發(fā)事務(wù)
ondatasetchanged IE4、N 數(shù)據(jù)在數(shù)據(jù)源產(chǎn)生變更時觸發(fā)的事務(wù)
ondatasetcomplete IE4,、N 當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時觸發(fā)此事務(wù)
onerror IE4,、N 當(dāng)應(yīng)用onBeforeUpdate事務(wù)觸發(fā)作廢了數(shù)據(jù)傳送時，庖代onAfterUpdate事務(wù)
onrowenter IE5,、N 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)產(chǎn)生變更并且有新的有效數(shù)據(jù)時觸發(fā)的事務(wù)
onrowexit IE5,、N 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要產(chǎn)生變更時觸發(fā)的事務(wù)
onrows IE5、N 當(dāng)前數(shù)據(jù)記錄將被刪除時觸發(fā)此事務(wù)
onrowsed IE5,、N 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時觸發(fā)此事務(wù)

外部事務(wù)
onafterprint IE5,、N 當(dāng)文檔被打印后觸發(fā)此事務(wù)
onbeforeprint IE5、N 當(dāng)文檔即將打印時觸發(fā)此事務(wù)
onfilterchange IE4,、N 當(dāng)某個對象的濾鏡結(jié)果產(chǎn)生變更時觸發(fā)的事務(wù)
onhelp IE4,、N 當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時觸發(fā)此事務(wù)
onpropertychange IE5、N 當(dāng)對象的屬性之一產(chǎn)生變更時觸發(fā)此事務(wù)
onreadystatechange IE4,、N 當(dāng)對象的初始化屬性值產(chǎn)生變更時觸發(fā)此事務(wù)

38.頁面進(jìn)入和退出的殊效
進(jìn)入頁面<meta http-equiv="Page-Enter" content="revealTrans（duration=x,， transition=y）">
推出頁面<meta http-equiv="Page-Exit" content="revealTrans（duration=x， transition=y）">
這個是頁面被載入和調(diào)出時的一些殊效,。duration默示殊效的連氣兒時候,，以秒為單位。transition默示使

用哪種殊效,，取值為1-23:
　　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.在規(guī)按時候內(nèi)跳轉(zhuǎn)
<META http-equiv=V="REFRESH" content="5;URL=http://www.">

40.網(wǎng)頁是否被檢索
<meta name="ROBOTS" content="屬性值">
　　此中屬性值有以下一些:
　　屬性值為"all": 文件將被檢索,，且頁上鏈接可被查詢；
　　屬性值為"none": 文件不被檢索,，并且不查詢頁上的鏈接,；
　　屬性值為"index": 文件將被檢索；
　　屬性值為"follow": 查詢頁上的鏈接,；
　　屬性值為"noindex": 文件不檢索,，但可被查詢鏈接；
　　屬性值為"nofollow": 文件不被檢索,，但可查詢頁上的鏈接,。

網(wǎng)頁常用小技能
1. oncontextmenu="window.event.returnValue=false" 將徹底樊籬鼠標(biāo)右鍵
<table border oncontextmenu=return（false）><td>no</table> 可用于Table

2. <body onstart="return false"> 作廢拔取、防止復(fù)制

3. onpaste="return false" 不準(zhǔn)粘貼

4. oncopy="return false;" oncut="return false;" 防止復(fù)制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成本身的圖標(biāo)

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)

7. <input style="ime-mode:disabled"> 封閉輸入法

8. 永遠(yuǎn)都邑帶著框架
<script language="JavaScript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

10. 網(wǎng)頁將不克不及被另存為
<noscript><iframe src=*.html></iframe></noscript>

11. <input type=button value=查看網(wǎng)頁源代碼
onclick="window.location = "view-source:"+ "http://www./"">

12.刪除時確認(rèn)
<a href="javascript:if（confirm（"確切要刪除嗎,？"））location="boos.asp,？&areyou=刪除&page=1"">刪除</a>

13. 取得控件的絕對地位
//Javascript
<script language="Javascript">
function getIE（e）{
var t=e.offsetTop;
var l=e.offsetLeft;
while（e=e.offsetParent）{
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert（"top="+t+"/nleft="+l）;
}
</script>

//VBScript
<script language="VBScript"></script>

14. 光標(biāo)是停在文本框文字的最后
<script language="javascript">
function cc（）
{
var e = event.srcElement;
var r =e.createTextRange（）;
r.moveStart（"character",，e.value.length）;
r.collapse（true）;
r.（）;
}
</script>
<input type=text name=text1 value="123" onfocus="cc（）">

15. 斷定上一頁的起原
javascript:
document.referrer

16. 最小化,、最大化、封閉窗口
<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=最小化 onclick=hh1.Click（）>
<input type=button value=最大化 onclick=hh2.Click（）>
<input type=button value=封閉 onclick=hh3.Click（）>
本例實用于IE

17.樊籬功能鍵Shift,，Alt,，Ctrl
<script>
function look（）{
if（event.shiftKey）
alert（"禁止按Shift鍵!"）; //可以換成ALT　CTRL
}
document.onkeydown=look;
</script>

18. 網(wǎng)頁不會被緩存
<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">

19.如何讓表單沒有凹凸感？
<input type=text style="border:1 solid ＃000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid ＃000000"></textarea>

20.<div><span>&<layer>的差別,？
<div>（division）用來定義大段的頁面元素,，會產(chǎn)生轉(zhuǎn)行
<span>用來定義同一行內(nèi)的元素，跟<div>的獨一差別是不產(chǎn)生轉(zhuǎn)行
<layer>是ns的標(biāo)識表記標(biāo)幟,，ie不支撐,，相當(dāng)于<div>

21.讓彈出窗口老是在最上方:
<body onblur="this.focus（）;">

22.不要遷移轉(zhuǎn)變條？
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉,？更簡單了
<body scroll="no">
</body>

23.如何去掉圖片鏈接點擊后,，圖片四周的虛線？
<a href="＃" onFocus="this.blur（）"><img src="logo.jpg" border=0></a>

24.電子郵件處理懲罰提交表單
<form name="form1" method="post" action="mailto:****＠***.com" enctype="text/plain">
<input type=submit>
</form>

25.在打開的子窗口刷新父窗口的代碼里如何寫,？
window.opener.location.reload（）

26.如何設(shè)定打開頁面的大小
<body onload="top.resizeTo（300,，200）;">
打開頁面的地位<body onload="top.moveBy（300，200）;">

27.在頁面中如何參加不是滿鋪的靠山圖片,，拉動頁面時靠山圖不動
<STYLE>
body
{background-image:url（logo.gif）; background-repeat:no-repeat;

background-position:center;background-attachment: fixed}
</STYLE>

28. 搜檢一段字符串是否全由數(shù)字構(gòu)成
<script language="Javascript"></script>

29. 獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么斷定是否是字符
if （/[^/x00-/xff]/g.test（s）） alert（"含有漢字"）;
else alert（"滿是字符"）;

31.TEXTAREA自適應(yīng)文字行數(shù)的幾許
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期減去天數(shù)便是第二個日期
<script language=Javascript>
function cc（dd,，dadd）
{
//可以加上錯誤處理懲罰
var a = new Date（dd）
a = a.valueOf（）
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date（a）
alert（a.getFullYear（） + "年" + （a.getMonth（） + 1） + "月" + a.getDate（） + "日"）
}
cc（"12/23/2002"，2）
</script>

33. 選擇了哪一個Radio
<HTML><script language="vbscript">
function checkme（）
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme（）">
</BODY></HTML>

34.腳本永不失足
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

35.ENTER鍵可以讓光標(biāo)移到下一個輸入框
<input onkeydown="if（event.keyCode==13）event.keyCode=9">

36. 檢測某個網(wǎng)站的鏈接速度：
把如下代碼參加<body>區(qū)域中:
<script language=Javascript>
tim=1
setInterval（"tim++",，100）
b=1

var autourl=new Array（）
autourl[1]="http://www./"
autourl[2]="javacool.3322.net"
autourl[3]="http://www.sina.com.cn/"
autourl[4]="http://www./"
autourl[5]="http://www.cctv.com/"

function butt（）{
document.write（"<form name=autof>"）
for（var i=1;i<autourl.length;i++）
document.write（"<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open（this.form.url"+i+".value）><br/>"）
document.write（"<input type=submit value=刷新></form>"）
}
butt（）
function auto（url）{
document.forms[0]["url"+b].value=url
if（tim>200）
{document.forms[0]["txt"+b].value="鏈接超時"}
else
{document.forms[0]["txt"+b].value="時候"+tim/10+"秒"}
b++
}
function run（）{for（var i=1;i<autourl.length;i++）document.write（"<img
src=http://"+autourl+"/"+Math.random（）+" width=1 height=1
onerror=auto（"http://"+autourl/+""）>"）}
run（）</script>

37. 各類樣式的光標(biāo)
auto ：標(biāo)準(zhǔn)光標(biāo)
default ：標(biāo)準(zhǔn)箭頭
hand ：手形光標(biāo)
wait ：守候光標(biāo)
text ：I形光標(biāo)
vertical-text ：程度I形光標(biāo)
no-drop ：不成拖動光標(biāo)
not-allowed ：無效光標(biāo)
help ：,？幫助光標(biāo)
all-scroll ：三角標(biāo)的目標(biāo)標(biāo)
move ：移動標(biāo)
crosshair ：十字標(biāo)
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

external.m2_blocked（）、external.m2_blocked（）辦法應(yīng)用詳解

javascript有很多內(nèi)建的辦法來產(chǎn)生對話框,，如：window.alert（）,，
window.confirm（），window.prompt（）.等,。然而IE供給更多的辦法支撐對話框,。如：

　　external.m2_blocked（）（IE 4+ 支撐）
　　external.m2_blocked（）（IE 5+ 支撐）

window.external.m2_blocked（）辦法用來創(chuàng)建一個顯示HTML內(nèi)容的模態(tài)對話框，
因為是對話框,，是以它并沒有一般用window.open（）打開的窗口的所有屬性,。
window.external.m2_blocked（）辦法用來創(chuàng)建一個顯示HTML內(nèi)容的非模態(tài)對話框。

當(dāng)我們用external.m2_blocked（）打開窗口時,，不必用window.close（）去封閉它,，
當(dāng)以非模態(tài)體式格式[IE5]打開時，打開對話框的窗口仍可以進(jìn)行其他的操縱,，即對話框
不老是最上方的核心,，當(dāng)打開它的窗口ＵＲＬ改變時,，它主動封閉。而模態(tài)[ＩＥ４]
體式格式的對話框始終有核心（核心不成移走,，直到它封閉）,。模態(tài)對話框和打開它的窗
口相接洽，是以我們打開別的的窗口時,，他們的鏈接關(guān)系依然保存,，并且隱蔽在活動
窗口的下面。

應(yīng)用辦法如下：
vReturnValue=window.external.m2_blocked（sURL [,，vArguments] [,，sFeatures]）
vReturnValue=window.external.m2_blocked（sURL [，vArguments] [,，sFeatures]）
參數(shù)申明：
sURL
必選參數(shù),，類型：字符串。用來指定對話框要顯示的文檔的URL,。
vArguments
可選參數(shù),，類型：變體。用來向?qū)υ捒騻鬟f參數(shù),。傳遞的參數(shù)類型不限,，包含數(shù)組等。
對話框經(jīng)由過程window.dialogArguments來取得傳遞進(jìn)來的參數(shù),。
sFeatures
可選參數(shù),，類型：字符串。用來描述對話框的外觀等信息,，可以應(yīng)用以下的一個或幾個,，
用分號“;”隔開。
dialogHeight 對話框高度,，不小于１００px,，ＩＥ４中dialogHeight 和 dialogWidth
默認(rèn)的單位是em，而ＩＥ５中是px,，為便利其見,，在定義modal體式格式的對話框時，用px
做單位,。
　　dialogWidth: 對話框?qū)挾取?nbsp;
　　dialogLeft: 間隔桌面左的間隔,。
　　dialogTop: 離桌面上的間隔。
　　center: {yes | no | 1 | 0 }：窗口是否居中,，默認(rèn)yes,，但仍可以指定高度和寬度。
　　help: {yes | no | 1 | 0 }：是否顯示幫助按鈕，默認(rèn)yes,。
　　resizable: {yes | no | 1 | 0 } [ＩＥ５＋]：是否可被改變大小,。默認(rèn)no。
　　status: {yes | no | 1 | 0 } [IE5+]：是否顯示狀況欄,。默認(rèn)為yes[ Modeless]
或no[Modal],。
scroll:{ yes | no | 1 | 0 | on | off }：指明對話框是否顯示遷移轉(zhuǎn)變條。默認(rèn)為yes,。

還有幾個屬性是用在HTA中的,，在一般的網(wǎng)頁中一般不應(yīng)用。
dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印預(yù)覽時對話框是否隱蔽,。
默認(rèn)為no,。
edge:{ sunken | raised }：指明對話框的邊框樣式。默認(rèn)為raised,。
unadorned:{ yes | no | 1 | 0 | on | off }：默認(rèn)為no。

傳入?yún)?shù)：
要想對話框傳遞參數(shù),，是經(jīng)由過程vArguments來進(jìn)行傳遞的,。類型不限制，對于字符串類型,，
最大為4096個字符,。也可以傳遞對象，例如：

test1.htm
====================
<script>
var mxh1 = new Array（"mxh",，"net_lover",，"孟子E章"）
var mxh2 = window.open（"about:blank"，"window_mxh"）
// 向?qū)υ捒騻鬟f數(shù)組
window.external.m2_blocked（"test2.htm",，mxh1）
// 向?qū)υ捒騻鬟fwindow對象
window.external.m2_blocked（"test3.htm",，mxh2）
</script>

test2.htm
====================
<script>
var a = window.dialogArguments
alert（"您傳遞的參數(shù)為：" + a）
</script>

test3.htm
====================
<script>
var a = window.dialogArguments
alert（"您傳遞的參數(shù)為window對象，名稱：" + a.name）
</script>

可以經(jīng)由過程window.returnValue向打開對話框的窗口返回信息,，當(dāng)然也可所以對象,。
例如：

test4.htm
===================
<script>
var a = window.external.m2_blocked（"test5.htm"）
for（i=0;i<a.length;i++） alert（a[i]）
</script>

test5.htm
===================
<script>
function sendTo（）
{
var a=new Array（"a"，"b"）
window.returnValue = a
window.close（）
}
</script>
<body>
<form>
<input value="返回" type=button onclick="sendTo（）">
</form>

常見題目：
1,，如安在模態(tài)對話框中進(jìn)行提交而不新開窗口,？
若是你的瀏覽器是IE5.5+，可以在對話框中應(yīng)用帶name屬性的iframe,，提交時可以
制訂target為該iframe的name,。對于IE4+，你可以用高度為0的frame來作：例子,，

test6.htm
===================
<script>
window.external.m2_blocked（"test7.htm"）
</script>

test7.htm
===================
if（window.location.search） alert（window.location.search）
<frameset rows="0,，*">
<frame src="about:blank">
<frame src="test8.htm">
</frameset>

test8.htm
===================
<form target="_self" method="get">
<input name=txt value="test">
<input type=submit>
</form>
<script>
if（window.location.search） alert（window.location.search）
</script>
2，可以經(jīng)由過程http://servername/virtualdirname/test.htm？name=mxh體式格式直接向
對話框傳遞參數(shù)嗎,？
答案是不克不及,。但在frame里是可以的。
file://樊籬 F5 刷新鍵

function document.onkeydown（）
{
    var k = window.event.keyCode;
    if （k == 116）                   file://樊籬 F5 刷新鍵
    {
        window.event.keyCode    = 0;
        window.event.returnValue= false;
    }
}

一些匯集的WEB技巧小竅門
如安在HTML文件中包含某個HTML文件,？
辦法一：
在html 頁面 include 其它頁面
<IE:Download ID="oDownload" STYLE="behavior:url（＃default＃download）" />
<body onload="oDownload.startDownload（""tt.htm"",，onDownloadDone）">
<span id=showImport></span>
<script language=javascript></script>
辦法二：
<object data="vister/count.asp" type="text/x-scriptlet" width="158" height="50" align="top" marginWidth=0 marginHeight

=0>
</object>
----------------------------------------------------------------------------------------------------------------------------

-------------------------------------------
TextBox里參加圖片？
<TEXTAREA rows=8 cols=20 id=textarea1 >
大師好,！
這里是一個圖片
</TEXTAREA>

全屏技巧：
真正的全屏頁面解決之道?。ㄈa）
真正全屏解決之道：
1.htm
<html>
<head>
<title>無題目文檔</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

fullscreen.htm
<html>
<head>
<title>無題目文檔</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript1.2">

</script>
</head>

}

input.whiteline {
   font-size: 12px; border: 1px ＃999999 solid
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100％" height="100％" border="0" cellpadding="0"
cellspacing="14" bgcolor="＃CCCCCC">
<tr valign="top">
    <td width="10％" nowrap align="right"><b>用戶名：</b></td>
    <td width="90％"><input name="textfield1" type="text" size="25"
class="whiteline"></td>
</tr>
<tr valign="top">
    <td nowrap align="right"><b>密　碼：</b></td>
    <td><input name="textfield12" type="password" size="25"
class="whiteline"></td>
</tr>
<tr valign="top">
    <td> </td>
    <td><input type="submit" name="Submit" value="登　　錄"
class="boxline"></td>
</tr>
</table>
</body>
</html>

主動關(guān)掉原窗口：

<html>
<head>
<title>無題目文檔</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
</head>

關(guān)鍵是在onload事務(wù)中參加：
window.opener=null;window.close（）

預(yù)讀圖片：
<SCRIPT LANGUAGE="javascript">

<!-- Begin

image1 = new Image（）;
image1.src = "image1.gif";

image2 = new Image（）;
image2.src = "image2.gif";

// End -->
</script>

關(guān)于兩個網(wǎng)頁刷新交互的題目
JS處理懲罰辦法：

a.htm

<a href="b.htm" target=blank>揭曉留言</a>
<script>
alert（"wwwwwwwwwwwwwwwwwwwwwwwwww"）;
</script>

b.htm

后臺處理懲罰辦法：

private btnForSubmit（Object sender,，EventArgs e）
{
.............
Response.Write（"<script>window.opener.document.execCommand（""refresh""）;
window.opener="""";window.close（）;</script>"）;
file://string/ str="<script>window.opener.document.execCommand（""refresh""）;
window.opener="""";window.close（）;</script>";
file://this.RegisterStartupScript（"mycode"，str/）;

BS開辟中常用的javascript技巧

4,、事務(wù)類
4.1 樊籬右鍵
在body標(biāo)簽里加上oncontextmenu=self.event.returnValue=false
4.2 樊籬所有功能鍵

4.3 --> 和<-- F5 F11,，F(xiàn)9，F(xiàn)1

4.4 樊籬組合鍵ctrl+N

一,、驗證類
1、數(shù)字驗證內(nèi)
1.1 整數(shù)
      /^（-|\+）,？\d+￥/.test（str）
1.2 大于0的整數(shù) （用于傳來的ID的驗證）
      /^\d+￥/.test（str）
1.3 負(fù)整數(shù)的驗證
      /^-\d+￥/.test（str）
2、時候類
2.1 短時候,，形如（13:04:06）
      function isTime（str）
      {
        var a = str.match（/^（\d{1,，2}）（:）？（\d{1,，2}）\2（\d{1,，2}）￥/）;
        if （a == null） {alert（""輸入的參數(shù)不是時候格局""）; return false;}
        if （a[1]>24 || a[3]>60 || a[4]>60）
        {
          alert（"時候格局不合錯誤"）;
          return false
        }
        return true;
      }
2.2 短日期，形如（2003-12-05）
      function strDateTime（str）
      {
         var r = str.match（/^（\d{1,，4}）（-|\/）（\d{1,，2}）\2（\d{1，2}）￥/）;
         if（r==null）return false;
         var d= new Date（r[1],， r[3]-1,， r[4]）;
         return （d.getFullYear（）==r[1]&&（d.getMonth（）+1）==r[3]&&d.getDate（）==r[4]）;
      }
2.3 長時候，形如（2003-12-05 13:04:06）
      function strDateTime（str）
      {
        var reg = /^（\d{1,，4}）（-|\/）（\d{1,，2}）\2（\d{1，2}）（\d{1,，2}）:（\d{1,，2}）:（\d{1,，2}）￥/;
        var r = str.match（reg）;
        if（r==null）return false;
        var d= new Date（r[1]， r[3]-1,，r[4],，r[5]，r[6],，r[7]）;
        return

（d.getFullYear（）==r[1]&&（d.getMonth（）+1）==r[3]&&d.getDate（）==r[4]&&
d.getHours（）==r[5]&&d.getMinutes（）==r[6]&&d.getSeconds（）==

r[7]）;
      }
2.4 只豐年和月,。形如（2003-05，或者2003-5）
2.5 只有小時和分鐘,，形如（12:03）
3,、表單類
3.1 所有的表單的值都不克不及為空
      <input onblur="if（this.value.replace（/^\s+|\s+￥/g，""""）==""""）alert（""不克不及為空!""）">
3.2 多行文本框的值不克不及為空,。
3.3 多行文本框的值不克不及跨越sMaxStrleng
3.4 多行文本框的值不克不及少于sMixStrleng
3.5 斷定單選框是否選擇,。
3.6 斷定復(fù)選框是否選擇.
3.7 復(fù)選框的全選，多選,，全不選,，反選
3.8 文件上傳過程中斷定文件類型
4、字符類
4.1 斷定字符全部由a-Z或者是A-Z的字字母構(gòu)成
      <input onblur="if（/[^a-zA-Z]/g.test（this.value））alert（""有錯""）">
4.2 斷定字符由字母和數(shù)字構(gòu)成,。
      <input onblur="if（/[^0-9a-zA-Z]/g.test（this.value））alert（""有錯""）">
4.3 斷定字符由字母和數(shù)字,，下劃線，點號構(gòu)成.且開首的只能是下劃線和字母
      /^（[a-zA-z_]{1}）（[\w]*）￥/g.test（str）
4.4 字符串調(diào)換函數(shù).Replace（）;
5,、瀏覽器類
5.1 斷定瀏覽器的類型
      window.navigator.appName
5.2 斷定ie的版本
      window.navigator.appVersion
5.3 斷定客戶端的辨別率
      window.screen.height; window.screen.width;

6,、連絡(luò)類
6.1 email的斷定。
      function ismail（mail）
      {
        return（new RegExp（/^\w+（（-\w+）|（\.\w+））*\＠[A-Za-z0-9]+（（\.|-）
[A-Za-z0-9]+）*\.[A-Za-z0-9]+￥/）.test（mail））;
      }
6.2 手機號碼的驗證
6.3 身份證的驗證
      function isIdCardNo（num）
      {
        if （isNaN（num）） {alert（"輸入的不是數(shù)字,！"）; return false;}
        var len = num.length,， re;
        if （len == 15）
          re = new RegExp（/^（\d{6}）（）？（\d{2}）（\d{2}）（\d{2}）（\d{3}）￥/）;
        else if （len == 18）
          re = new RegExp（/^（\d{6}）（）,？（\d{4}）（\d{2}）（\d{2}）（\d{3}）（\d）￥/）;
        else {alert（"輸入的數(shù)字位數(shù)不合錯誤,！"）; return false;}
        var a = num.match（re）;
        if （a != null）
        {
          if （len==15）
          {
            var D = new Date（"19"+a[3]+"/"+a[4]+"/"+a[5]）;
            var B = D.getYear（）==a[3]&&（D.getMonth（）+1）==a[4]&&
D.getDate（）==a[5];
          }
          else
          {
            var D = new Date（a[3]+"/"+a[4]+"/"+a[5]）;
            var B = D.getFullYear（）==a[3]&&（D.getMonth（）+1）==a[4]&&
D.getDate（）==a[5];
          }
          if （!B） {alert（"輸入的身份證號 "+ a[0] +" 里出身日期不合錯誤！"）; return false;}
        }
        return true;
      }

3.7 復(fù)選框的全選,，多選,，全不選，反選
<form name=hrong>
<input type=checkbox name=All onclick="checkAll（""mm""）">全選<br/>
<input type=checkbox name=mm onclick="checkItem（""All""）"><br/>
<input type=checkbox name=mm onclick="checkItem（""All""）"><br/>
<input type=checkbox name=mm onclick="checkItem（""All""）"><br/>
<input type=checkbox name=mm onclick="checkItem（""All""）"><br/>
<input type=checkbox name=mm onclick="checkItem（""All""）"><br/><br/>

</form>

<SCRIPT LANGUAGE="javascript">
function checkAll（str）
{
var a = document.getElementsByName（str）;
var n = a.length;
for （var i=0; i<n; i++）
a[i].checked = window.event.srcElement.checked;
}
function checkItem（str）
{
var e = window.event.srcElement;
var all = eval（"document.hrong."+ str）;
if （e.checked）
{
    var a = document.getElementsByName（e.name）;
    all.checked = true;
    for （var i=0; i<a.length; i++）
    {
      if （!a[i].checked）{ all.checked = false; break;}
    }
}
else all.checked = false;
}
</SCRIPT>

3.8 文件上傳過程中斷定文件類型
<input type=file onchange="alert（this.value.match（/^（.*）（\.）（.{1,，8}）￥/）[3]）">

絡(luò)續(xù)地清空剪貼板:
<body onload="setInterval（""clipboardData.setData（\""Text\"",，\""\""）""，100）">

頁面上關(guān)于定位和長度的幾個屬性（原創(chuàng)）
起首是頁面定位，用CSS

position,，這個下面有兩個屬性absolute（絕對定位）和relative（相對定位）,，絕對定位是指相對瀏覽器的地位地位，而相對定位和其他元素的地位有關(guān)系,，地位不固定,。

以下可以看一個例子，看了之后就熟悉打聽了

abc<br/>

<div style="position:relative;left:1;top:100;color:green">absolute positioning with the current element<br/><span style="position:absolute;left:0;top:0;">aaaaaaaaa</span></div>

<div style="color:red">absolute positioning with the body<br/><span style="position:absolute;left:0;top:0">bbbbbbbbbbb</span></div>

<div style="color:blue">relative positioning with the body<span style="position:relative;left:-12;top:0">ccccccccccc</span></div>

而有些CSS屬性有時辰需用position:absolute 之后才有效,，比如裁切的那個CSS等

接下來是一些元素的地位題目

就拿寬度來說

scrollwidth,，clientwidth，offsetwidth

這些屬性都可以用在<body>,，<div>等元素

第一個是包含遷移轉(zhuǎn)變條所有在內(nèi)的長度,，第二個和第三個差不久不多，第三個是包含對象欄,，菜單欄,，狀況欄，遷移轉(zhuǎn)變條寬度等在內(nèi)的寬度,，而第二個是去掉一些cellpadding等一些的額外的寬度,。高度同這個，元素分別為

scrollheight,，clientheight,，offsetheight

接下來是鼠標(biāo)的地位

可以用event.clientX + document.body.scrollLeft獲得橫的絕對地位

這里面event.clientX 是相對屏幕的地位，而document.body.scrollLeft是網(wǎng)頁被橫向遷移轉(zhuǎn)變條卷進(jìn)去的寬度,。

這里可以看一個例子,，代碼如下把這個辦法寫在<body>的onmousemove中，一目了然了,。

</SCRIPT>

大梅的思路,，我把他用到了斷定數(shù)據(jù)提交的時辰有沒有反復(fù)記錄上了
<form name=form1>
<input name=a123>
<input name=b123>
<input name=c123>
<input name=d123>
<input name=e123>
<input name=f123 type=button onclick=check（）>
</form>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Date.prototype.Format = function（format）
{
var o = {
    "M+" : this.getMonth（）+1， //month
    "d+" : this.getDate（）,，    //day
    "h+" : this.getHours（）,，   //hour
    "m+" : this.getMinutes（）,， //minute
    "s+" : this.getSeconds（）， //second
    "q+" : Math.floor（（this.getMonth（）+3）/3）,， //quarter
    "S" : this.getMilliseconds（） //millisecond
}
if（/（y+）/.test（format）） format=format.replace（RegExp.￥1,，
    （this.getFullYear（）+""）.substr（4 - RegExp.￥1.length））;
for（var k in o）if（new RegExp（"（"+ k +"）"）.test（format））
    format = format.replace（RegExp.￥1,，
      RegExp.￥1.length==1 ,？ o[k] :
        （"00"+ o[k]）.substr（（""+ o[k]）.length））;
return format;
};

示例：
alert（new Date（）.Format（"yyyy年MM月dd日"））;
alert（new Date（）.Format（"MM/dd/yyyy"））;
alert（new Date（）.Format（"yyyyMMdd"））;
alert（new Date（）.Format（"yyyy-MM-dd hh:mm:ss"））;

http://jkisjk.vip.sina.com/html/
空間已經(jīng)過期
代碼無法更新
示例僅供給思路：

常用前臺JS函數(shù)

主動加上驗證事務(wù)及日期按鈕（htc體式格式）

主動加上驗證事務(wù)及日期按鈕（js體式格式）

Ctrl + 鼠標(biāo) ＝選中（20050214）

固定Div（20050214）

可以蓋住的div（20041216）

可輸入下拉框（20041126）（類似高亮顯示,，不類似移除）

可輸入下拉框（20041126）（類似高亮顯示,，不類似不移除）

改變table的列寬（20041103）

可用鼠標(biāo)移動和改變大小的table（20041029）

用鼠標(biāo)移動TR（20050107）

固定Table首行（20041123）

固定Table首行首列（20041123）

Main Content Div

從辦事器端取值并回填到頁面

動態(tài)明細(xì)示例

多功能multiple-

一個簡單的IFRAME框架

調(diào)用客戶端發(fā)郵件法度

讀取客戶端文件

一級選擇閣下移動及排庫

二級選擇閣下移動

提交到特定大小的窗口

忠誠顯示Text內(nèi)容（不合于Pre標(biāo)簽）

主動封閉Alert對話框

年代日選擇

提交到特定大小的窗口

忠誠顯示Text內(nèi)容（不合于Pre標(biāo)簽）

主動封閉Alert對話框

年代日選擇

JS 對 cookie 操縱
function setCookie（name,，value）
{
var Days = 30; //此 cookie 將被保存 30 天
var exp = new Date（）; //new Date（"December 31,， 9998"）;
exp.setTime（exp.getTime（） + Days*24*60*60*1000）;
document.cookie = name + "="+ escape（value） +";expires="+ exp.toGMTString（）;
}
function getCookie（name）
{
var arr = document.cookie.match（new RegExp（"（^| ）"+name+"=（[^;]*）（;|￥）"））;
if（arr != null） return unescape（arr[2]）; return null;
}
function delCookie（name）
{
var exp = new Date（）;
exp.setTime（exp.getTime（） - 1）;
var cval=getCookie（name）;
if（cval!=null） document.cookie=name +"="+cval+";expires="+exp.toGMTString（）;
}

/*重載window.setTimeout函數(shù)，引用的函數(shù)可以帶參數(shù)*/
window.setTimeout = function（fRef,， mDelay） {
if（typeof fRef == ""function""）{
var argu = Array.prototype.slice.call（arguments,，2）;
alert（typeof（argu））;
var f = （function（）{ fRef.apply（null， argu）; }）;
return _st（f,， mDelay）;
}
return _st（fRef,，mDelay）;
}

function test（x）{
alert（x）;
}
window.setTimeout（test，3000,，""fason""）;
</script>

//兩端去空格函數(shù)
function trim（str） {
return str.replace（/（^\s*）|（\s*￥）/g,，""）;
}

alert（（11）.length（））
</script>

Ms XmlDom 異步裝載Xml文件
放在這里,，算作是資料備份吧。

//帶中文字符串長度,，一個中文字長度為2
String.prototype.lenB = function（）{return this.replace（/[^\x00-\xff]/g，"**"）.length;}
document.all.tes1.value.lenB（）;

預(yù)斷定一下鏈接URL是否可用

//將數(shù)字轉(zhuǎn)換成三位逗號分隔的樣式
function formatNum（s）
{
if（!/^（\+|-）,？\d+（\.\d+）,？￥/.test（num））{alert（"wrong!"）; return num;}
var re = new RegExp（）.compile（"（file://d）（//d{3}）（，|//.|￥）"）;
num += ""; while（re.test（num））
num = num.replace（re,， "￥1,，￥2￥3"）
return num;
}
alert（formatNum（-12345678.123））;
alert（formatNum（"12345678.123"））;
alert（formatNum（"10000000000000000000000000000000000000000"））;

格局化日期:yyyy-m-d to yyyy-mm-dd

表格中的行刪除功能,，用checkbox選擇的
<script language="JavaScript">

</script>
<div align="center" style="overflow:auto; width:400; height:300px " id="divVector">
<table id="tbContent" border=1 width="300">
<script language="JavaScript">
<!--
for（var i=0;i<25;i++）
document.write（""<tr height=20 onmou搜刮引擎優(yōu)化ver="Row（this）"><td algin="center"

width="20％"><input type="checkbox" name="chkDelete"></td><td width="80％"

align="center">""+i+""</td></tr>""）;
//-->
</script>
</table>
</div>
<input type="button" value=" 刪除選中的行 " onclick="delTr（）">

yyyy-mm-dd格局日期完全校驗加提示
<script language="JavaScript">
<!--
function CheckDate（strDate）{
var reg=/^（\d{4}）（[-]）（\d{2}）（[-]）（\d{2}）/;
if（!reg.test（strDate））{
alert（"日期格局不正確!\n正確格局為:2004-01-01"）;
return false;
}
var ss=strDate.split（"-"）;
var year=ss[0];
var month=ss[1];
var date=ss[2];
if（!checkYear（year））{return false;}
if（!checkMonth（month））{return false;}
if（!checkDate（year，month,，date））{return false;}
return true;
}
function checkYear（year）{
if（isNaN（parseInt（year）））{alert（"年份輸入有誤,，請從頭輸入!"）; return false;}
else if（parseInt（year）<1950 || parseInt（year） >2050）{ alert（"年份應(yīng)當(dāng)在1950-2050之間

!"）; return false}
else return true;
}
function checkMonth（month）{
if（isNaN（parseInt（month）））{alert（"月份輸入有誤，請從頭輸入!"）; return false;}
else if（parseInt（month）<1 || parseInt（month） >12）{ alert（"月份應(yīng)當(dāng)在1-12之間!"）;

return false}
else return true;
}
function checkDate（year,，month,，date）{
var daysOfMonth=CalDays（parseInt（year），parseInt（month））;
if（isNaN（parseInt（date）））{alert（"日期輸入有誤,，請從頭輸入!"）; return false;}
else if（parseInt（date）<0||parseInt（date）>daysOfMonth）{ alert（"日期應(yīng)當(dāng)在1

-"+daysOfMonth+"之間!"）; return false;}
else return true;
}
function CalDays（year,，month）{
var date= new Date（year，month,，0）;
return date.getDate（）;
}
function isLeapYear（year）{
if（（year ％4==0 && year ％100!=0） || （year ％400==0）） return true;
else return false;
}
alert（CheckDate（"2007-02-29"））;
//-->
</script>

類似CSDN感愛好社區(qū)設(shè)備頁面中的checkbox選擇的功能
<script language="JavaScript">

</script>

<input type="checkbox" onclick="chkClk（this）" name="type1" flag="main">typetext
<li><input type="checkbox" onclick="chkClk（this）" name="type1">typetext</li>
<li><input type="checkbox" onclick="chkClk（this）" name="type1">typetext</li>
<br/><br/>
<input type="checkbox" onclick="chkClk（this）" name="type2" flag="main">typetext
<li><input type="checkbox" onclick="chkClk（this）" name="type2">typetext</li>
<li><input type="checkbox" onclick="chkClk（this）" name="type2">typetext</li>

[分享]三級無刷新全國省、市,、縣法度完全下載,，符加數(shù)據(jù)庫！??！

如今能下載下來了

測試地址：

www.bjcan.com/hengxing/area/index.htm

下載地址：

www.bjcan.com/hengxing/area.rar

其它收集技巧文章地址：

www.bjcan.com/hengxing/more.asp

http://blog.csdn.net/boy_north/archive/2006/05/19/745660.aspx

<SPAN style="FONT-SIZE: 16px"><Script language="javascript">
function GetRequest() {
   var url = location.search; //獲取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
</Script></SPAN>
調(diào) 用
<Script language="javascript">var Request = new Object();Request = GetRequest();var 參數(shù)1,參數(shù)2,參數(shù)3,參數(shù)N;參數(shù)1 = Request['參數(shù)1'];參數(shù)2 = Request['參數(shù)2'];參數(shù)3 = Request['參數(shù)3'];參數(shù)N = Request['參數(shù)N'];</Script>
========
JS取radio值
<form method="post" name="form1">

</form>
====================
js獲取本地及外網(wǎng)IP

function GetLocalIPAddress()
{
var obj = null;
var rslt = "";
try
{
obj = new ActiveXObject("rcbdyctl.Setting");
rslt = obj.GetIPAddress;
obj = null;
}
catch(e)
{
alert("ErrInfoIS:"+e)
}

return rslt;
}

document.write("你的IP是：" + GetLocalIPAddress());
</script>

xml=new ActiveXObject("Microsoft.XMLHTTP");
xml.open("GET","ip=kk.substring(i+1,ie);

document.write("<span style='color:red;font-size:12;' cursor='hand'>您的IP地址是:" + ip + "</span>");
</script>

==============
js獲取本機信息

var locator = new ActiveXObject ("WbemScripting.SWbemLocator");
var service = locator.ConnectServer(".");
info = pcInfo();

document.write(info);

info+="瀏覽器屬性信息： "+userAgent+"<br />";
info+="用戶設(shè)置的操作系統(tǒng)語言： "+userLanguage+"<br />";
info+="操作系統(tǒng)支持的默認(rèn)語言： "+systemLanguage+"<br />";
return info;
}

/******************************************以上為瀏覽器信息,，以下為pc信息************************************************/

var temp=document.getElementsByName("radio");

for (i=0;i<temp.length;i++){

//遍歷Radio

if(temp[i].checked)

{alert("你選擇了"+temp[i].value);

//獲取Radio的值

document.form2.textfield.value="你選擇了"+temp[i].value;

//傳遞給另外一個表單

}

-->

更多詳細(xì)內(nèi)容請查看：http://www./wy/js-ajax/window.ActiveXObject.htm
///////////////////////////////////////////////////
檢測某個網(wǎng)站的鏈接速度：
把如下代碼參加<body>區(qū)域中:
<script language=Javascript>
tim=1
setInterval（"tim++",，100）
b=1

var autourl=new Array（）
autourl[1]="http://www./"
autourl[2]="javacool.3322.net"
autourl[3]="http://www./"
autourl[5]="

function butt（）{
document.write（"<form name=autof>"）
for（var i=1;i<autourl.length;i++）
document.write（"<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布,，不代表本站觀點,。請注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購買等信息，謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請點擊一鍵舉報。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：悟靜 > 《JavaScript》

舉報/認(rèn)領(lǐng)