Javascript常用對象詳細講解

來源:互聯網
上載者:User

轉:http://hi.baidu.com/11345/item/82f341172da3264ae75e06b0

document.body.scrollTop   返回和設定當前豎向捲軸的座標值,須與函數配合,
document.body.scrollLeft   返回和設定當前橫向滾動務的座標值,須與函數配合,
window.status=defaultStatus   將狀態列設定預設顯示
Obejct.innerHTML   對象Object標籤中的html原始碼
Obejct.outerHTML   對象Object的html原始碼(包含標籤本身)

Math.MAX_VALUE   JavaScript中數的最大可能值;最大為1.7976931348623157e+308
Math.MIN_VALUE   JavaScript中比0大的數位最小可能值;最小為:5e-324
Math.NaN   非數位任意值
Math.NEGATIVE_INFINITY   JavaScript中小於最大負數的任一數字;也就是說,小於-1.7976931348623157e+308的任一數字
Math.POSITIVE_INFINITY   JavaScript中大於最大正數的任一數字;也就是說,小於1.7976931348623157e+308的任一數字
Math.E   歐拉常數(E),近似值:2.718281828459045
Math.PI   常數π,近似值:3.141592653589793
Math.abs(Number)   Number的絕對值
Math.acos(Number)   Number(必須介於-1和+1之間)的反餘弦,傳回值的範圍在0和π弧度之間
Math.asin(Number)   Number(必須介於-1和+1之間)的反正弦,傳回值的範圍在-π/2和π/2弧度之間
Math.atan(Number)   Number的反正切,傳回值的範圍在-π/2和π/2弧度之間
Math.atan2(y, x)   y/x(這裡的(x,y)是迪卡爾座標值)的反正切,傳回值的範圍在-π/2和π/2弧度之間
Math.ceil(Number)   大於或等於Number的最小整數
Math.cos(Number)   Number的餘弦,傳回值的範圍在-1和1之間
Math.exp(Number)   E的Number次冪
Math.floor(number)   小於或等於Number的最大整數,舍取所有小數
Math.log(Number)   Number的自然對數(以E為底)
Math.max(Number1, Number2)   返回Number1,Number2的較大者
Math.min(Number1, Number2)   返回Number1,Number2的較小者
Math.pow(Number1, Number2)   返回Number1的Number2次方冪
Math.random()   隨機函數,只能是0到1之間的數,如果要得到其它數,可以為*10,再取整
Math.round(Number)   最靠近Number的整數(對小數部分四捨五入)
Math.sin(Number)   Number的正弦,傳回值的範圍在-1和1之間
Math.sqrt(Number)   Number(必須大於或等於0)的平方根
Math.tan(Number)   Number(以弧度表示)的正切
Math.toString(Number)   與Number等價的字串
parseInt(String, Base)   將字串轉換為數字,如果字串以數字打頭,後跟一些文本,則函數只返回字串開頭的整數部分。String:待轉換的字串,Base:可選,String中數位進位,預設為10進位
parseFloat(String)   將字串轉換為數字,如果字串以數字打頭,後跟一些文本,則函數只返回字串開頭的數字部分

navigator.appCodeName   與瀏覽器相關的內部代碼名
navigator.appMinorVersion   輔版本號碼(通常是應用於瀏覽器的補丁或服務包)
navigator.appName   瀏覽器的正式名稱,對於Internet Explorer返回Microsoft Internet Explorer,對於Netscape Navigator返回Netscape
navigator.appVersion   瀏覽器的版本號碼
navigator.cookieEnabled   若使用者的瀏覽器被設定為允許cookie,則返回true,否則返回false
navigator.cpuClass   瀏覽器正在啟動並執行電腦的CUP型號(通常Intel晶片返回x86,PowerPC晶片返回PPC)
navigator.language   瀏覽器支援的語言(English返回en,German返回de,等等)
navigator.mimetypes   瀏覽器支援的所有MIME類型的數組(Internet Explorer只有在Macintosh版本5中支援該屬性)
navigator.onLine   如果瀏覽器(IE)當前為線上模式,返回true,否則返回false
navigator.oscpu   瀏覽器正在啟動並執行作業系統,某些系統中也可能報告CPU的情況
navigator.platform   瀏覽器正在啟動並執行操作平台,有效值包括Win16(Windows 3.x)、Win32(Windows 9x,Me,NT,2000)、Mac68K(Macintosh 680x0)和MacPPC(Macintosh PowerPC)
navigator.product   瀏覽器的產品名
navigator.productSub   與瀏覽器產品相關的更多資訊;例如Netscape 6中,這個屬性返回程式建立日期
navigator.securityPolicy   瀏覽器支援的加密類型;Export policy意味著低加密方法;US & CA domestic policy 意味著高加密方法
navigator.systemLanguage   使用者作業系統支援的預設語言,例如en-us表示英語(美國)
navigator.userAgent   包含一下屬性中所有或一部分的字串:appCodeName、appName、appVersion、language和platform
navigator.userLanguage   使用者在自己系統上設定的語言
navigator.userProfile   返回一個UserProfile對象,它儲存使用者的個人資訊
navigator.vendor   製作瀏覽器的公司
navigator.vendor   關於瀏覽器製作廠商的更多資訊

String.anchor(Name)   將String轉換為一個<a name>錨標記,這裡的name屬性值由Name參數給出,此方法等價於以下語句:<a name="Name">String</a>
String.big()   和HTML的<big>標記一樣,以相同的方式格式化String,此方法等價於以下語句:<big>String</big>
String.blink()   和HTML的<blink>標記一樣,等價於以下語句:<blink>String</blink>
String.bold()   和HTML的<b>標記一樣,等價於一下語句:<b>String</b>
String.fixed()   和HTML的<tt>標記一樣,等價於一下語句:<tt>String</tt>
String.fontcolor(Color)   和HTML的<font color>標記一樣,等價於一下語句:<font color="Color">String</font>
String.fontsize(Size)   和HTML的<font size>標記一樣,等價於一下語句:<font size="Size">String</font>
String.italics()   和HTML的<i>標記一樣,等價於一下語句:<i>String</i>
String.link(URL)   將String轉換成一個<a href>連結標記,等價於一下語句:<a href="URL">String</a>
String.small()   和HTML的<small>標記一樣,等價於一下語句:<small>String</small>
String.strike()   和HTML的<strike>標記一樣,等價於一下語句:<strike>String</strike>
String.sub()   和HTML的<sub>標記一樣,等價於一下語句:<sub>String</sub>
String.sup()   和HTML的<sup>標記一樣,等價於一下語句:<sup>String</sup>
String.charAt(Index)   返回String中索引位置為Index的字元
String.charCodeAt(Index)   返回String中索引位置為Index的字元代碼
String.indexOf(Substring, start)   Substring在String中的第一個位置,沒有返回-1
String.lastIndexOf(Substring, start)   Substring在String中的最後一個位置,沒有返回-1
String.slice(Start, End)   返回String中起始索引位置為Start,結束索引位置為End之前的子字串
String.split(Separator, Limit)   返回一個數組,這個數組的每一項都是String的子字串,並且這些子字串被Separator分離
String.substr(Start, Len)   返回String中起始索引位置為Start,長度為Len的子字串
String.substring(Start, End)   返回String中起始索引位置為Start,結束索引位置為End的子字串
String.concat(String2)   將String2串連到String的尾部。換句話說,此方法等價於:String + String2
String.fromCharCode(Code1, Code2, etc)   建立一個字串,該字串由與代碼Code1、Code2等相應得字元組成
String.match(Regular_Expression)   從String中搜尋出匹配Regular_Expression的子字串,返回一個包含所有匹配值的數組
String.replace(Regular_Expression, Replace_String) 從String中搜尋出所有匹配Regular_Expression的子字串,並使用Replace_String取代這些子字串
String.search(Regular_Expression)   從String中搜尋出所有匹配Regular_Expression的子字串,但只返回第一個子字串執行個體的索引
String.toLowerCase()   將String全部轉換為小寫
String.toUpperCase()   將String全部轉換為大寫

event.clientX   返回最後一次點擊滑鼠X座標值;
event.clientY   返回最後一次點擊滑鼠Y座標值;
event.offsetX   返回當前滑鼠移至上方X座標值
event.offsetY   返回當前滑鼠移至上方Y座標值
event.button==1/2/3 滑鼠鍵左鍵等於1右鍵等於2兩個鍵一起按為3

opener   控制原開啟表單對象
parent   控制架構父級頁面
WindowObject.closed   對象視窗WindowObject是否已關閉true/false
eval(String)   將字串轉換成JavaScript代碼
confirm(String)   彈出確認框,確定返回true取消返回false
prompt("提示資訊","預定值")   輸入語句
alert(String)   彈出提示框,提示框顯示內容為String
form.reset()   使form表單內的資料重設
form.submit() 使form對象提交資料
clearTimeout(Object)   清除已設定的setTimeout對象
clearInterval(Object)   清除已設定的setInterval對象
setTimeout("function", time)   設定一個逾時對象
setInterval("function", time)   設定一個逾時對象

typeof(Object)   檢查Obejct的類型,值有:String,Boolean,Object,Function,Underfined
Object.prototype.OwnerAttribute = Object   為對象Object增加自訂的屬性或方法

screen.availWidth   使用者顯示器可用的最大高度,以像素為單位
screen.availHeight   使用者顯示器可用的最大寬度,以像素為單位
screen.colorDepth   使用者顯示器上每像素可用的位元
screen.height   使用者顯示器的實際高度,以像素為單位
screen.pixelDepth   (僅用於Netscape 4+)每像素最大的位元,由使用者的顯示設定給出
screen.width   使用者顯示器的實際寬度,以像素為單位

window.resizeTo(x, y)   將視窗設定寬高(絕對座標)
window.resizeBy(x, y)   將視窗設定寬高(相對座標)
window.moveTo(x, y)   將視窗移到某位置(絕對座標)
window.moveBy(x, y)   將視窗移到某位置(相對座標)
window.scroll(x, y)   視窗捲軸座標,y控制上下移動,須與函數配合(絕對座標)
window.scrollBy(x, y)   視窗捲軸座標,y控制上下移動,須與函數配合(相對座標)
window.focus()   使當前視窗獲得焦點
window.open() window.open("地址","名稱","屬性") 
屬 性:toolbar(工具列), location(地址欄), directions, status(狀態列), menubar(功能表列), scrollbar(捲軸), resizable(改變大小), width(寬), height(高), fullscreen(全屏), scrollbars(全屏時無捲軸), channelmode(寬屏), left(開啟視窗x座標), top(開啟視窗y座標)
window.location = 'view-source:' + window.location.href   應用事件查看網頁原始碼;

location.protocol   用於瀏覽器和伺服器彼此通訊的協議,如http:
location.hostname   作為主機發布文檔的伺服器名,如www.abiaos.com
location.port   用於瀏覽器和伺服器彼此通訊的連接埠,如80
location.host   在地址中指定的主機名稱和連接埠,此屬性等於:hostname + ":" + port
location.pathname   文檔的路徑和檔案名稱。如/about/index.html
location.hash   在地址中指定的錨名,其緊跟在符號#之後
location.search   從問號(?)到末尾的地址部分,包含?在內,但不包含錨名
location.href   整個地址,等價於location
location.reload(source)   重新載入頁面。Source(可選)是一個布爾值。決定瀏覽器從那裡重載頁面:使用false(預設值)來從儲存頁面的緩衝中載入頁面;使用true來迫使瀏覽器從伺服器載入頁面。
location.replace(URL)   用曆史列表取代頁面,調用history.go(-1)時將跳過調用函數的頁面

history.back()   類比Back按鈕
history.forward()   類比Forward按鈕
history.go(How_Far)   返回歷史列表中的任何頁面。How_Far為一個整數值,負數往後退,正數往前進,零重新整理當前頁面。 運行history.go(0)與運行location.reload()不一樣。history.go(0)方法只重新整理頁面,這意味著使用者已經輸入的表單資料將不會改變。

document.activeElement   當文檔有焦點時,返回有焦點的對象(IE4+)
document.alinkColor   返回或設定文檔中連結的顏色,相當於<body>標記中的alink屬性
document.anchors   返迴文檔中所有錨組成的數組
document.applets   返迴文檔中由所有Java小程式(<applet>標記)組成的數組
document.bgColor   返回或設定文檔的背景顏色,相當於<body>標記中的bgcolor屬性
document.cookie   返回或設定cookie
document.defaultCharset   文檔中使用的預設字元集(IE4+)
document.domain   返回或設定文檔的預設網域名稱
document.embeds   返迴文檔中所有內嵌物件(<embed>標記)組成的數組
document.fgColor   返回或設定文檔的前景(文本)顏色;相當於<body>中的text屬性
document.fileCreatedDate   返迴文檔建立時的日期(IE4+)
document.fileModifiedDate   返迴文檔最後一次修改的日期(IE4+)
document.fileSize   返迴文檔的位元組大小(IE4+)
document.forms   返迴文檔中所有表單(<form>標記)組成的數組
document.images   返迴文檔中所有映像組成的數組
document.forms.length   返回當前頁form表單數
document.anchors.length   返回當前頁錨的數量
document.links.length   返回當前頁聯結的數量
document.lastModified   返迴文檔最後一次修改的日期
document.layers   返迴文檔中所有層(<layer>標記)組成的數組(僅Netscape4)
document.linkColor   返回或設定文檔中未訪問連結的顏色;相當於<body>中的link屬性
document.links   返迴文檔中所有連結組成的數組
document.location   返回或設定文檔的地址
document.nameProp   返迴文檔的檔案名稱(IE4+)
document.readyState   返迴文檔的目前狀態(文檔正在裝載則返回loading;文檔裝載完畢則返回complete)(IE4+)
document.referrer   返回使用者用於衝浪至當前文檔的地址。如果當前文檔是首頁或是通過鍵入URL到達的頁面,那麼這個屬性返回Null 字元串
document.scripts   返迴文檔中所有指令碼(<script>標記)組成的數組。(IE4+)
document.title   返回或設定由<title>標記給出的文檔標題
document.URL   返回或設定文檔的地址
document.vlinkColor   返回或設定文檔中已訪問連結的顏色;相當於<body>中的vlink屬性
document.captureEvents()   截取一個事件,以便它被Document對象處理,而不是被啟用事件的對象處理。(Netscape4+)
document.clear()   清除文檔的所有文本和標記
document.close()   關閉用於向文檔寫入文本的輸出資料流
document.open()   開啟一個輸入資料流,向文檔寫入文本
document.releaseEvents()   釋放被Document對象截取的事件(Netscape4+)
document.routeEvent()   截取一個事件,以便它被Document對象處理,然後把這個事件傳遞給啟用給事件的對象。(Netscape4+)
document.write()   向文檔寫入資料
document.writeln()   向文檔寫入一行資料,後跟一個斷行符號

Link.target   由target屬性指定的值
Link.innerHTML   在<a href>和</a>標記之間的文本(IE4+和Netscape6)
Link.text   在<a href>和</a>標記之間的文本(Netscape4+)
註:每一個Link對象也是一個Location對象。也就是說所有的Location對象的屬性也是Link對象的屬性,但是Location對象的方法不能用於Link對象。

Anchor.name   Anchor對象name屬性指定的值
Link.innerHTML   在<a name>和</a>標記之間的文本(IE4+和Netscape6)
Link.text   在<a name>和</a>標記之間的文本(Netscape4+)

Image.complete   如果映像還在載入,則返回false;如果映像已經完全載入,則返回true。
<img onAbort="…">   當映像下載被取消時觸發
<img onError="…">   當映像載入失敗時觸發
<img onLoad="…">   當映像完全載入時觸發

document.cookie = "Name=Value; expires=GMT_String; domain=Cookie_Domain; path=Cookie_Dir; Cooke_Secure"   Name:cookie的名稱;Value:cookie的值;GMT_String:表示cookie終止日期的GMT格式的字串;Cookie_Dir:指定可以訪問該cookie的最頂層目錄的字串;Cookie_Domain:指定網域名稱或標識符的字串;Cookie_Secure:如果為true,則該cookie只發往使用HTTPS(安全)協議連結的瀏覽器;如果為false(或者忽略)則發給所有的瀏覽器,即使使用了不安全的HTTP協議

new Date()   建立一個日期對象(目前時間)
new Date("Month dd, yyyy hh:mm:ss")   建立一個日期對象
new Date(yyyy, mth, dd, hh, mm, ss)   建立一個日期對象
new Date(ms)   建立一個日期對象(ms:從GMT時間1970-1-1起的毫秒數)
Date.getYear()   擷取年份值 兩位元年份
Date.getFullYear()   擷取全年份數 四位元年份(1999,2000等)
Date.getMonth()   擷取年中的某月,從0(January)~ 11(December)
Date.getDate()   擷取月中的某日,從1~31
Date.getDay()   /擷取當前星期值,從0(Sunday)~ 6(Staturday)
Date.getHours()   擷取當前小時數,從0(午夜)~ 23(晚上11點)
Date.getMinutes()   擷取當前分鐘數,從0~59
Date.getSeconds()   擷取當前秒數,從0~59
Date.getMilliseconds()   擷取當前毫秒數數,從0~999
Date.getTime()   從GMT時間1970年1月1日起的毫秒數
Date.toLocaleString()   從時間對象中擷取時間,以字串型式存在
註:除getDay()外,其他的get函數都有一個對應的set函數。

對象.style.fontSize="文字大小";
單位:mm/cm/in英寸/pc帕/pt點/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辯率下)
文本字型屬性:
fontSize大小
family字型
color顏色
fontStyle風格,取值為normal一般,italic斜體,oblique斜體且加粗
fontWeight加粗,取值為100到900不等,900最粗,light,normal,bold
letterSpacing間距,更改文字間距離,取值為,1pt,10px,1cm
textDecoration:文字修飾;取值,none不修飾,underline底線,overline上劃線
background:文字背景顏色,
backgroundImage:背景圖片,取值為圖片的插入路徑

點擊網頁本文函數調用觸發器:
1.onClick 當對象被點擊
2.onLoad 當網頁開啟,只能書寫在body中
3.onUnload 當網頁關閉或離開時,只能書寫在body中
4.onmouseover 當滑鼠懸於其上時
5.onmouseout 當滑鼠離開對象時
6.onmouseup 當滑鼠鬆開
7.onmousedown 當滑鼠按下鍵
8.onFocus 當對象擷取焦點時
9.onSelect 當對象的文本被選中時
10.onChange 當對象的內容被改變
11.onBlur 當對象失去焦點
onsubmit=return(ss()) 表單調用時返回的值
直線 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
脊狀 border-bottom:1x ridge black

1.邊緣高光glow(color=顏色,strength=亮光大小)
2.水平翻轉fliph() 使對象水平翻轉180度
3.垂直翻轉flipv() 使對象垂直翻轉180度
4.對象模糊blur(add=true/false direction=方向 strength=強度)
add指定是否按印象畫派進行模糊direction模糊方向strength模糊強度
5.對象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction對象整體不透明值finishopacity當對象利用了漸透明時該項指定結束透明位置的不透明值style指定透明方式0為整體透明,1為線型透明,2為圓型透明,3為矩形透明
6.去除顏色chroma(color=顏色值)使對象中顏色與指定顏色相同地區透明
7.建立陰影dropshadow(color=陰影顏色,offx=水平向左偏離像素,offy=水平向下偏離像素)
8.去色gray()使對象呈灰階顯示
9.負片效果invert()使對象呈底片效果
10.高光light()使對象呈黑色顯示
11.遮蓋mask(color=顏色)使整個對象以指定顏色進行蒙板一次
opacity 表透明度水平.0~100,0表全透明,100表完全不透明
finishopacity表想要設定的漸層透明效果.0~100.
style 表透明區的形狀.0表統一形狀.1表線形.2表放射形.3表長方形.
startx.starty表漸層透明效果的開始時X和Y座標.
finishx,finishy漸層透明效果結束時x,y 的座標.
add有來確定是否在模糊效果中使有原有目標.值為0,1.0表"否",1表"是".
direction設定模糊的方向.0度表垂直向上,45度為一個單位.預設值是向左270度.left,right,down,up.
strength 只能用整數來確定.代表有多少個像素的寬度將受到模糊影響.預設是5個.
color要透明的顏色.
offx,offy分別是x,y 方向陰影的位移量.
positive指投影方式.0表透明像素產生陰影.1表只給出不透明像素產生陰影..
AddAmbient:加入包圍的光源.
AddCone:加入錐形光源.
AddPoint加入點光源
Changcolor:改變光的顏色.
Changstrength:改變光源的強度.
Clear:清除所有的光源.
MoveLight:移動光源.
freq是波紋的頻率,在指定在對象上一區需要產生多少個完事的波紋.
lightstrength可對于波紋增強光影的效果.顯著0~100正整數,正弦波開始位置是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"

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.