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"