JS:document, window對象

js核心三點:

1.基礎語法(數據結構,邏輯結構,函數(面向過程),面向對象)
2.內置對象-document
3.內置對象-window

document對象:document即整個html網頁文件

利用getElementById(“html元素的id”)方法返回一個html元素對象,
操作修改這個html元素對象的屬性: innerHTML(內容), href(屬性), style.cssText(樣式)
在這裏插入圖片描述
一個html元素的構成:
類型,屬性,樣式,內容
在這裏插入圖片描述
類型:a(鏈接類型)
屬性:href=”…”
樣式:class=”href-style”
內容:百度官網

window對象: 其方法常應用於 事件處理函數

在這裏插入圖片描述
事件由三部分組成:
1.向html元素屬性中添加事件屬性與事件處理函數
2.在js中編寫事件處理函數(window)
windows三個彈窗方法:
(window.)alert(‘框內內容’): 警告框 無返回值
(window.)confirm(‘框內內容’): 選擇框 返回true or false
(window.)prompt(‘框內內容’,’輸入框默認內容’): 輸入框, 返回輸入框輸入的字符串
window.open(“url”)打開一個新窗口, 沒有url時,就打開一個空白窗口, 返回一個窗口對象
window.close() 關閉當前窗口
window.history 的三個方法
在這裏插入圖片描述
html部分(添加οnclick=”function.js”事件屬性與事件響應函數)
在這裏插入圖片描述
js部分:編寫事件響應函數
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
事件效果:
在這裏插入圖片描述
在這裏插入圖片描述
onfocus/onblur: 光標的聚焦/失焦
常見於input的文本輸入框 和select的選擇框
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
onselect 文本選中事件
在這裏插入圖片描述
在這裏插入圖片描述
onchange 文本改變事件
在這裏插入圖片描述
onload加載事件
在這裏插入圖片描述
在這裏插入圖片描述
onunload卸載事件(離開)

事件很多很多, 常用的就是 鼠標事件,鍵盤事件,表單事件,加載事件 其餘的見到再查
https://www.runoob.com/jsref/event-onselect.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章