Knowledge From Practice（JavaScript）

時間 2019-11-24

標籤 knowledge practice javascript 欄目 JavaScript 简体版

原文原文鏈接

1.HTML事件對象css

onmouseover:鼠標移入事件數組

onmouseout:鼠標移出事件函數

onmousedown:鼠標落下事件this

onmouseup:鼠標擡起事件spa

例子：.net

onclick：鼠標點擊事件3d

例子：調試

onload：在頁面徹底載入後(包括圖片、css文件等等。)執行腳本代碼。對象

例子：blog

2.同上圖

document.getElementById:經過id獲取元素

documnet.getElementsByTagName:經過TagName獲取元素（獲取的爲一個數組，即使裏面只有一個元素）

3.innerHTML：填充或者返回內容，連HTML格式的內容也可填充/返回。

例子：填充

例子：返回+填充（將返回的內容*2，再填充）

4.定時器

setInterval(函數,間隔時間)：不斷重複間隔型定時器，開啓定時器會有一個返回，便於關閉定時器時找到該定時器

setTimeout(函數a，時間n)：只執行一次延時型定時器，此方法用於延時時間n調用函數a

例子：間隔型定時器

clearInterval(定時器返回值):關閉間隔型定時器

clearTimeout:關閉延時型定時器

例子：關閉間隔型定時器

5.內置的Date庫

getFullYear(),getMonth(),getDate(),其中月份是從0開始的，要加1纔是正確的月份

getDay():獲取星期幾，從0開始，到6結束，0爲周天

getHours(),getMinutes(),getSeconds()

例子：建立Date對象，調用getFullYear函數

6.charAt():返回字符串中指定位置的字符,從0開始

7.offsetXXX

offsetTop：輸出元素上邊距(指元素上邊距離上層控件的位置)，以數字形式展示。

offsetLeft:輸出元素左邊距(指元素左邊距離上層控件的位置)，以數字形式展示。

offsetWidth:指元素控件自身的寬度，以數字形式展示。

offsetHeight:指元素控件自身的高度，以數字形式展示。

例子：

延伸：https://blog.csdn.net/zh_rey/article/details/78967174

*.雜

①.在<head>中有<link>標籤，做用：引入外部css

②.在調試js代碼時，用border看邊框：border：1PX solid black；

③.this 指代調用函數的元素

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。