Js三大對象
一 瀏覽器對象
瀏覽器窗口、文檔document、URL地址等
常用的瀏覽器對象:
瀏覽器對象的分層結構
- Window對象
(1) 屬性
名稱 |
說明 |
document |
表示給定瀏覽器窗口中的 HTML 文檔。 |
history |
包含有關客戶訪問過的URL的信息。 |
location |
包含有關當前 URL 的信息。 |
name |
設置或檢索窗口或框架的名稱。 |
status |
設置或檢索窗口底部的狀態欄中的消息。 |
screen |
包含有關客戶端的屏幕和顯示性能的信息。 |
(2) 方法
名稱 |
說明 |
alert (“m提示信息") |
顯示包含消息的對話框。 |
confirm(“提示信息”) |
顯示一個確認對話框,包含一個確定取消按鈕 |
Prompt(”提示信息“) |
彈出提示信息框 |
open ("url","name") eg: window.open("google.htm"); |
打開具有指定名稱的新窗口,並加載給定 URL 所指定的文檔;如果沒有提供 URL,則打開一個空白文檔 |
close ( ) |
關閉當前窗口 |
setTimeout(”函數”,毫秒數) |
設置定時器:經過指定毫秒值后執行某個函數 |
clearTimeout(定時器對象) |
|
Open方法的使用:
open(”打開窗口的url”,”窗口名”,”窗口特征”)
窗口的特征如下,可以任意組合:
height: 窗口高度;
width: 窗口寬度;
top: 窗口距離屏幕上方的象素值;
left:窗口距離屏幕左側的象素值;
Eg: open(“adv.htm”, “”, “width=650, height=150”);
- Document對象
(1) 屬性
名稱 |
說明 |
bgColor |
設置或檢索 Document 對象的背景色 |
body |
指定文檔正文的開始和結束 |
location |
包含關於當前 URL 的信息 |
title |
包含文檔的標題 |
url |
設置或檢索當前文檔的 URL |
(2) 方法
名稱 |
說明 |
clear ( ) |
清除當前文檔 |
close ( ) |
關閉輸出流並強制顯示發送的數據 |
write ("text") |
將文本寫入文檔 |
- History對象
(1) 方法
名稱 |
說明 |
back() |
加載 History 列表中的上一個 URL。 |
forward() |
加載 History 列表中的下一個 URL。 |
go("url" or number) |
加載 History 列表中的一個 URL,或要求瀏覽器移動指定的頁面數。 |
back ( ) 方法相當於后退按鈕
forward ( ) 方法相當於前進按鈕
go (1)代表前進1頁,等價於forward( )方法;
go(-1) 代表后退1頁,等價於back( )方法;
- Location對象
(1) 屬性
名稱 |
說明 |
host |
設置或檢索位置或 URL 的主機名和端口號 |
hostname |
設置或檢索位置或 URL 的主機名部分 |
href |
設置或檢索完整的 URL 字符串 |
(2) 方法
名稱 |
說明 |
assign("url") |
加載 URL 指定的新的 HTML 文檔。 |
reload() |
重新加載當前頁 |
replace("url") |
通過加載 URL 指定的文檔來替換當前文檔 |
二 腳本對象
String字符串對象、Data對象、Math數學對象等
- String對象:
創建字符串有兩種不同方法:
(1) 使用var語句:
Var newstr=”這是一個字符串”;
(2) 創建String對象
Var newStr=new String(“這是一個字符串”);
String對象的屬性:
|
名 稱 |
說 明 |
屬性 |
length |
返回字符串的長度 |
方法 |
big( ) |
增大字符串文本 |
blink( ) |
使字符串文本閃爍(IE 瀏覽器不支持) |
|
bold( ) |
加粗字符串文本 |
|
fontcolor( ) |
確定字體顏色 |
|
italics( ) |
用斜體顯示字符串 |
|
indexOf(“子字符串”,起始位置 ) |
查找子字符串的位置 |
|
strike( ) |
顯示加刪除線的文本 |
|
sub( ) |
將文本顯示為下標 |
|
… |
… |
|
toLowerCase( ) |
將字符串轉換成小寫 |
|
toUpperCase( ) |
將字符串轉換成大寫 |
- Math對象
|
名稱 |
說 明 |
屬性 |
PI |
∏ 的值, 約等於 3.1415 |
LN10 |
10 的自然對數的值,約等於 2.302 |
|
E |
Euler 的常量的值,約等於 2.718。Euler 的常量用作自然對數的底數 |
|
|
abs(y) |
返回 y 的絕對值 |
sin (y) |
返回 y 的正弦,返回值以弧度為單位。 |
|
cos (y) |
返回 y 的余弦,返回值以弧度為單位 |
|
tan (y) |
返回 y 的正切,返回值以弧度為單位 |
|
min (x, y) |
返回 x 和 y 兩個數中較小的數 |
|
max (x, y) |
返回 x 和 y 兩個數中較大的數 |
|
random |
返回0-1的隨機數 |
|
方法 |
round (y) |
四舍五入取整 |
sqrt (y) |
返回 y 的平方根 |
兩秒自動刷新小案例:
<META http-equiv="refresh" content="2">
- Data對象
Data對象存儲的日期為自1970年1月1日00:00:00以來的毫秒數
Var 日期對象=newData(年、月、日等參數)
Eg:
var mydate=new Date( “July 29, 1998,10:30:00 ”)
如果沒有參數,表示當前日期和時間
Data方法:
方法分組 |
說 明 |
setxxx |
這些方法用於設置時間和日期值 |
getxxx |
這些方法用於獲取時間和日期值 |
Toxxx |
這些方法用於從 Date 對象返回字符串值 |
parsexxx & UTCxx |
這些方法用於解析字符串 |
用作Data方法參數的整數
值 |
整 數 |
Seconds 和 minutes |
0 至 59 |
Hours |
0 至 23 |
Day |
0 至 6(星期幾) |
Date |
1 至 31(月份中的天數) |
Months |
0 至 11(一月至十二月) |
Set方法:
方法 |
說明 |
setDate |
設置 Date 對象中月份中的天數,其值介於 1 至 31 之間。 |
setHours |
設置 Date 對象中的小時數,其值介於 0 至 23 之間。 |
setMinutes |
設置 Date 對象中的分鍾數,其值介於 0 至 59 之間。 |
setSeconds |
設置 Date 對象中的秒數,其值介於 0 至 59 之間。 |
setTime |
設置 Date 對象中的時間值。 |
setMonth |
設置 Date 對象中的月份,其值介於 0 至 11 之間。 |
Get方法:
方法 |
說明 |
getDate |
返回 Date 對象中月份中的天數,其值介於 1 至 31 之間 |
getDay |
返回 Date 對象中的星期幾,其值介於 0 至 6 之間 |
getHours |
返回 Date 對象中的小時數,其值介於 0 至 23 之間 |
getMinutes |
返回 Date 對象中的分鍾數,其值介於 0 至 59 之間 |
getSeconds |
返回 Date 對象中的秒數,其值介於 0 至 59 之間 |
getMonth |
返回 Date 對象中的月份,其值介於 0 至11 之間 |
getFullYear |
返回 Date 對象中的年份,其值為四位數 |
getTime |
返回自某一時刻(1970 年 1 月 1 日)以來的毫秒數 |
To方法:
方 法 |
說 明 |
toGMTString |
使用格林尼治標准時間 (GMT) 數據格式將 Date 對象轉換成字符串表示 |
toLocaleString |
使用當地時間格式將 Date 對象轉換成字符串表示 |
Parse方法和UTC方法:
方 法 |
說 明 |
Date.parse (date string ) |
用日期字符串表示自 1970 年 1 月 1 日以來的毫秒數 |
Date.UTC (year, month, day, hours, min., secs. ) |
Date 對象中自 1970 年 1 月 1 日以來的毫秒數 |
SetTimeout函數的用法:
setTimeout(“調用的函數”,”定時的時間”)
例:
var myTime=setTimeout(”disptime( )”,1000);
clearTimeout(myTime);
三 HTML對象
各種HTML標簽:段落<p>、圖片<img>、超鏈接<a>等