DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript對象、屬性、事件手冊集合方便查詢
JavaScript對象、屬性、事件手冊集合方便查詢
編輯:JavaScript基礎知識     

windows對象
  每個HTML文檔的頂層對象.
  屬性
  frames[] 子桢數組.每個子桢數組按源文檔中定義的順序存放.
  feames.length 子桢個數.
  self 當前窗口.
  parent 父窗口(當前窗口是中一個子窗口).
  top 頂層窗口(是所有可見窗口的父窗口).
  status 浏覽器狀態窗口上的消息.
  defaultStatus 當status無效時,出現在浏覽器狀態窗口上的缺省消息.
  name 內部名,為由window.open()方法打開的窗口定義的名字.

windows方法
  alert("message") 顯示含有給定消息的"JavaScript Alert"對話框.
  confirm("message") 顯示含有給定消息的"Confirm"對話框(有一個OK按鈕和一個Cancel按鈕).如果用戶單擊OK返回true,否則返回false.
  prompt("message") 顯示一個"prompt"對話框,要求用戶根據顯示消息給予相應輸入.
  open("URL","name") 打開一個新窗口,給予一個指定的名字.
  close() 關閉當前窗口.

frame對象
  它是整個浏覽器窗口的子窗口,除了status,defaultStatus,name屬性外,它擁有window對象的全部屬性.
  location對象
  含有當前URL的信息.
  屬性
  href 整個URL字符串.
  protocol 含有URL第一部分的字符串,如http:
  host 包含有URL中主機名:端口號部分的字符串.如//www.shimianren.com/ask/
  hostname 包含URL中主機名的字符串.如http://www.shimianren.com
  port 包含URL中可能存在的端口號字符串.
  pathname URL中"/"以後的部分.如~list/index.htm
  hash "#"號(CGI參數)之後的字符串.
  search "?"號(CGI參數)之後的字符串.

document對象
  含有當前文檔信息的對象.
  屬性
  title 當前文檔標題,如果未定義,則包含"Untitled".
  location 文檔的全URL.
  lastModified 含有文檔最後修改日期.
  referrer 調用者URL,即用戶是從哪個URL鏈接到當前頁面的.
  bgColor 背景色(#xxxxxx)
  fgColor 前景文本顏色.
  linkColor 超鏈接顏色.
  vlinkColor 訪問過的超鏈顏色.
  alinkColor 激活鏈顏色(鼠標按住未放時).
  forms[] 文檔中form對象的數組,按定義次序存儲.
  forms.length 文檔中的form對象數目.
  links[] 與文檔中所有HREF鏈對應的數組對象,按次序定義存儲.
  links.length 文檔中HREF鏈的數目.
  anchors[] 錨(...)數組,按次序定義存儲.
  anchors.length 文檔中錨的數目.

方法
  write("string") 將字符串突出給當前窗口.(字符串可以含有HTML標記)
  writeln("string") 與write()類似,在結尾追加回車符,只在預定格式文本中(<PRE>...</PRE>或<XMP>...</XMP>)生效.
  clear() 清當前窗口.
  close() 關閉當前窗口.

form對象
  屬性
  name
  中的NAME屬性的字符串值.
  method 中METHOD屬性的類值,"0"="GET" ,"1"="POST" .
  action 中ACTION屬性的字符串值.
  target 表格數據提交的目標,與標記中相應屬性一致.
  elements[index] elements屬性包含form中的各個元素.
  length 表格中的元素個數.

方法
  submit() 提交表格.
  事件處理器onSubmit() 用戶單擊一個定義好的按鈕提交form時運行的代碼.

text和textarea對象
  屬性
  name NAME屬性的字符串值.
  value 域內容的字符串值.
  defaultValue 域內容的初始字符串值.

方法
  focus() 設置對象輸入焦點.
  blur() 從對象上移走輸入焦點.
  select() 選定對象的輸入區域.

事件處理器
  onFocus 當輸入焦點進入時執行.
  onBlur 當域失去焦點時執行.
  onSelect 當域中有部分文本被選定時執行.
  onChange 當域失去焦點且域值相對於onFocus執行有所改變時執行.

復選框(checkbox)對象
  屬性
  name NAME屬性的字符串值.
  value 復選框內容的字符串值.如果設置了,則為"on",否則為"off".
  checked 復選框內容的布爾值.如果設置了,則為true,否則為false .
  defaultChecked 反映(CHECKED)屬性的布爾值(缺省狀態).

方法
  click() 選定復選框,並使之狀態為"on".

事件處理器
  onClick 當用戶單擊Checkbox時執行.

單選按鈕(radio)對象
  屬性
  name NAME屬性的字符串值.
  length radio對象中單選按鈕的個數.
  value VALUE屬性的字符串值.
  checked 布爾值,按下為true,否則為false .
  defaultChecked 反映CHECKED屬性值的布爾值.

方法
  click() 選定單選按鈕.

事件處理器
  onClick 當單選按鈕被選定時執行.

select對象
  屬性
  length select對象中對象的個數.
  name 由NAME=屬性定義的select對象的內部名.
  selectedIndex select對象中當前被選option的下標.
  options 該屬性對應於在HTML中定義select對象時標記中的內容,它有如下屬性:
  text 標記後的文本串.
  value VALUE屬性的值,當Submit按鈕被按下時,該值被提交.
  defaultSelected 反映標記的SELECTED屬性的布爾值.
  selected 反映option的當前選擇狀態的布爾值.

事件處理器
  onFocus 當輸入焦點進入域時執行.
  onBlur 當域失去輸入焦點時執行.
  onChange 當域失去焦點且如果域的值相對於onFocus執行時有所改變,則執行onChange.

Button對象
  表格中有三種類型按鈕,由<INPUT>標記中的TYPE屬性定義:
  .submit (type="SUBMIT")
  .reset (type="RESET")
  .custom (type="BUTTON")
  所有按鈕對象都有如下成分:
  屬性
  value VALUE屬性的字符串值.
  name NAME屬性的字符串值.

方法
  click() 選定按鈕

事件處理器
  onClick 當按鈕被單擊時執行.

submit和reset對象
  屬性
  value VALUE=屬性的內容.
  name NAME=屬性的內容.

方法
  click() 選定按鈕

事件處理器
  onClick 當按鈕被單擊時執行.

password對象
  屬性
  defaultValue VALUE=屬性的內容.
  name NAME=屬性的內容.
  value 目前輸入password域的數據.

方法
  focus() 將焦點帶入password域.
  blur 將焦點從password域移出.
  select() 選定password域中的當前數據,以備修改.

navigator對象
  該對象用於確定用戶訪問時使用的Navigator版本.
  屬性
  appCodeName 相對於用戶浏覽器的"codename"
  appName 相對於用戶浏覽器的實際名字.
  appVersion 相對於用戶浏覽器的版本號.
  userAgent 該屬性反映用戶浏覽器的全部信息.

history對象
      history.go(-1),返回上一頁

string對象
  string對象為操作字符串的內容提供了很多方法.
  屬性
  length 字符串的長度,即字符串中字符的個數.

方法
  big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size)
  以上方法為字符串增加相應的HTML標記.
  charAt(index) 返回字符串中index處的字符.
  indexOf(searchValue,[fromIndex]) 該方法在字符串中尋找第一次出現的searchValue.如果給定了fromIndex,則從
  字符串內該位置開始搜索,當searchValue找到後,返回該串第一個字符的位置.
  lastIndexOf(searchValue,[fromIndex]) 從字符串的尾部向前搜索searchValue,並報告找到的第一個實例.
  substring(indexA,indexB) 獲取自indexA到indexB的子串.
  toLowerCase(),toUpperCase() 將字符串中所有字符全部轉換成大寫,小寫.

Date對象
  要使用Date對象,必須先生成一個Date實例:
  變量名=new Date();
  方法
  getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(),
  getTimeZoneOffset(),getYear()
  還有setDay... ...
  toGMTString() 用GMT格式返回當前時間. (Sun,12 Feb 1999 14:19:22 GMT)
  toLocaleString 用locale格式返回當前時間. (03/11/99 14:19:22)
  parse(date) 將普通date字符串轉換成豪秒形式,從而給setTime()做參數.

Math對象
  屬性
  LN10 (10的自然對數)
  PI (3.1415926...)
  SQRT1_2 (1/2的平方根)
  方法
  abs(x) 返回x的絕對值
  acos(x) 返回x的arc cosine值
  asin(x) 返回x的arc sin值
  atan(x) 返回x的arc tangent值
  ceil(x) 返回大於等於x的最小整數
  cos(x) 返回x的cosine值
  exp(x) 返回e的x次方
  floor(x) 返回小於等於x的最大整數
  log(x) 返回x的
  max(x,y) 返回x,y中的大值
  min(x,y) 返回x,y中的小值
  pow(x,y) 返回x的y次方
  round(x) 捨入到最近整數,(小於或等於0.5小數捨去)
  sin(x) 返回x的sin值
  sqrt(x) 返回x的平方根
  tan(x) 返回x的tangent值

 

javascript事件查詢綜合
click()    對象.click()    使對象被點擊。
closed    對象.closed    對象窗口是否已關閉true/false
clearTimeout(對象) 清除已設置的setTimeout對象
clearInterval(對象) 清除已設置的setInterval對象
confirm("提示信息") 彈出確認框,確定返回true取消返回false
cursor:樣式   更改鼠標樣式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX   返回最後一次點擊鼠標X坐標值;
event.clientY   返回最後一次點擊鼠標Y坐標值;
event.offsetX   返回當前鼠標懸停X坐標值
event.offsetY   返回當前鼠標懸停Y坐標值

document.write(document.lastModified)   網頁最後一次更新時間
document.ondblclick=x   當雙擊鼠標產生事件
document.onmousedown=x   單擊鼠標鍵產生事件

document.body.scrollTop; 返回和設置當前豎向滾動條的坐標值,須與函數配合,
document.body.scrollLeft; 返回和設置當前橫向滾動務的坐標值,須與函數配合,
document.title   document.title="message"; 當前窗口的標題欄文字
document.bgcolor document.bgcolor="顏色值"; 改變窗口背景顏色
document.Fgcolor document.Fgcolor="顏色值"; 改變正文顏色
document.linkcolor document.linkcolor="顏色值"; 改變超聯接顏色
document.alinkcolor document.alinkcolor="顏色值"; 改變正點擊聯接的顏色
document.VlinkColor document.VlinkColor="顏色值"; 改變已訪問聯接的顏色
document.forms.length 返回當前頁form表單數
document.anchors.length 返回當前頁錨的數量
document.links.length 返回當前頁聯接的數量
document.onmousedown=x 單擊鼠標觸發事件
document.ondblclick=x 雙擊鼠標觸發事件
defaultStatus   window.status=defaultStatus; 將狀態欄設置默認顯示

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

location.reload(); 使本頁刷新,target可等於一個刷新的網頁

Math.random()            隨機涵數,只能是0到1之間的數,如果要得到其它數,可以為*10,再取整
Math.floor(number) 將對象number轉為整數,捨取所有小數
Math.min(1,2)   返回1,2哪個小
Math.max(1,2)   返回1,2哪個大

navigator.appName 返回當前浏覽器名稱
navigator.appVersion 返回當前浏覽器版本號
navigator.appCodeName 返回當前浏覽器代碼名字
navigator.userAgent 返回當前浏覽器用戶代標志

onsubmit   onsubmit="return(xx())"   使用函數返回值
opener    opener.document.對象   控制原打開窗體對象

prompt    xx=window.prompt("提示信息","預定值"); 輸入語句
parent    parent.框架名.對象 控制框架頁面

return   return false    返回值
random    隨機參數(0至1之間)
reset()    form.reset();    使form表單內的數據重置

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

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

toLocaleString() x.toLocaleString()   從x時間對象中獲取時間,以字符串型式存在
typeof(變量名)    檢查變量的類型,值有:String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠標鍵左鍵等於1右鍵等於2兩個鍵一起按為3
window.screen.availWidth 返回當前屏幕寬度(空白空間)
window.screen.availHeight 返回當前屏幕高度(空白空間)
window.screen.width   返回當前屏幕寬度(分辨率值)
window.screen.height   返回當前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回當前網頁高度
window.document.body.offsetWidth; 返回當前網頁寬度
window.resizeTo(0,0)   將窗口設置寬高
window.moveTo(0,0)   將窗口移到某位置
window.focus()   使當前窗口獲得焦點
window.scroll(x,y) 窗口滾動條坐標,y控制上下移動,須與函數配合
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   應用事件查看網頁源代碼;


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


對象.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=亮光大小)<br>
2.水平翻轉fliph() 使對象水平翻轉180度<br>
3.垂直翻轉flipv() 使對象垂直翻轉180度<br>
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"

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved