當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript的对象

發布時間：2023/12/10 javascript 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript的对象小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

????? ? 兔媽最近在學習Js的內容，看到Js的對象，總結了幾個以及它們的屬性及方法如下，后續用到的話再詳細講解。

1、js中所有的事物都是對象，如：字符串、數值、數組、函數等，每個對象帶有屬性和方法。JS的對象通常 ? ? ?包括兩種類型：內置對象和瀏覽器對象，此外，用戶還可以自定義對象。

瀏覽器對象：

對象	含義
anchor	當前文檔中設置了name屬性的超鏈接
applet	當前文檔中的小程序
area	客戶端圖形映射中的區域
button	表單中的按鈕
checkbook	表單中的復選框
document	當前窗口中的HTML文檔
embed	當前窗口中的嵌入對象
event	瀏覽器中發生的事件
fileUpload	表單中的文件選擇框
form	當前文檔中的表單
frame	當前窗口中的框架
hidden	表單中隱藏字段
history	瀏覽器訪問過的url歷史記錄
image	當前文檔中的圖形文件
link	當前文檔中設置了href屬性的超鏈接
location	瀏覽器當前顯示網頁的URL
mimeType	瀏覽器支持的特定MIME類型信息
navigator	當前瀏覽器
option	表單中選項菜單的選項
password	表單中的口令框
plugin	當前瀏覽器中的插件
radio	表單中的單選框
reset	表單中的重置按鈕
screen	用戶屏幕
select	表單中的選項菜單
submit	表單中的提交按鈕
text	表單中的單行文本框
textarea	表單中的多行文本框
window	瀏覽器窗口或窗口中的框架

內置對象：

1.Array對象;	2.Boolean對象;
3.Date對象;	4.Math對象;
5.Number對象;	6.Object對象;
7.RegExp對象;	8.String對象;
9.Global對象;	10.Function對象；

? ? 下面是部分內置對象的用法：

1、Date日期對象：

????年：

????????var Udate=new Date();

????????或者var d = new Date(2012, 10, 1);

????????或者var d = new Date('Oct 1, 2012');

var mydate=new Date();//當前時間2017年1月10日 document.write(mydate+"<br>");//輸出當前時間 document.write(mydate.getFullYear()+"<br>");//輸出當前年份 mydate.setFullYear(81); //設置年份 document.write(mydate+"<br>"); //輸出年份被設定為 0081年。

? ? ? ? ?結果格式依次為：星期、月、日、年、時、分、秒、時區。(火狐瀏覽器)

????星期：

????時間：

??????????返回/設置時間，單位都是毫秒，計算從1970年1月1日零時到日期對象所指的日期的毫秒數。

????結果:

???????????當前時間：Thu Mar 6 11:46:27 UTC+0800 2014

???????????推遲一小時時間：Thu Mar 6 12:46:27 UTC+0800 2014

???????????注意：?時間推遲 1 小時,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

2、Math對象

????????Math 對象是一個固有的對象，無需創建它，直接把 Math 作為對象使用就可以調用其所有屬性和方法。這是它與Date,String對象的區別。

????????Math對象的方法：

? ? ? ? ? ? ? ? ? ? ? ? ? ?

????????Math對象的屬性：

????????????????????????? ?

3、Array數組對象

????????數組方法：

????????????????????????? ?

????????注意：slice( )：數組“我”“愛”“你”，如果想輸出“愛”“你”，slice（1,3）。

4、windows對象

????????打開新窗口：

????????????????????????? ?

5、javascript計時器

????????????????????????? ?

? ? ? ? 例：

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>計時器</title> <script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>

????????注意：setInterval( )返回的是ID值。

????????setTimeout( )和clearTimeout( ):改函數返回ID值，該值標識要取消的延遲執行代碼塊。

????A、 ? ? ? ?

<!DOCTYPE HTML> <html><head><script type="text/javascript">var num=0;function numCount(){document.getElementById('txt').value=num;num=num+1;setTimeout("numCount()",1000);}</script></head><body><form><input type="text" id="txt" /><input type="button" value="Start" onClick="numCount()" /></form></body> </html>

????B、

<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0,i; function timedCount(){ document.getElementById('txt').value=num; num=num+1; i=setTimeout(timedCount,1000); } setTimeout(timedCount,1000); function stopCount(){ clearTimeout(i); } </script> </head> <body> <form> <input type="text" id="txt"> <input type="button" value="Stop" onClick="stopCount()"> </form> </body> </html>

6、History對象

????????記錄了用戶曾經瀏覽過的頁面（URL），并可以實現瀏覽器前進與后退相似導航的功能。從窗口被打開的那一刻開始記錄，每個瀏覽器窗口、每個標簽頁乃至每個框架，都有自己的history對象與特定的window對象關聯。

????屬性：window.history.length:返回瀏覽器歷史列表中的URL數量；

????方法： ?back( ):加載history列表中的前一個URL；

????????????forward( )：加載history列表中的下一個URL；

????????????go( ):加載history列表中的某個具體的頁面；

????????????back( )類似于go(-1)；forward( )類似于go(1)；

7、Location對象

????????????????

????????????????location用于獲取或設置窗體的URL，并且可以用于解析URL。

轉載于:https://my.oschina.net/u/3058673/blog/822232

總結

以上是生活随笔為你收集整理的JavaScript的对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： [Leedcode][JAVA][第14
下一篇：利用JS实现点击上一周或下一周却换