av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript中window和document用法詳解

瀏覽:106日期:2023-10-20 10:04:09

一、驗證表單

封裝一個函數用于驗證手機號

/** * @param {String}eleId * @param {Object}reg */ function checkInput(eleId,reg) { var ele = document.getElementById(eleId); ele.onblur = function (ev) { if(!reg.test(this.value)){ //不匹配 this.style.borderColor = '#ff0000' //紅色 }else{ //匹配 this.style.borderColor = '#cccccc' //白色 } } } //驗證手機號 checkInput('phone',/^13[0-9]d{8]$/)

二、WebsAPI

JavaScript包含ECMAScript和WebAPIs WebAPIs包含BOM和DOMB OM:瀏覽對象模型 DOM:文檔對象模型:(1)一套操作頁面元素的API(2)DOM可以把HTML看作文檔樹,通過DOM提供的API可以對樹上的節點進行操作。

1.DOM

基本概念:文檔對象模型(Document Object Model),是W3C組織推薦的處理可擴展標記用語言的編程接口

他是一種與平臺和語言無關的應用程序接口,它可以動態地訪問程序和腳本,更新其內容、結構和文檔風格。

DOM又稱為文檔樹模型

文檔:一個網頁可以成為文檔 節點:網頁中所有的內容都是節點(標簽、屬性、文本、注釋等) 元素:網頁中地標簽,例如:<html>,<head>,<div> 屬性:標簽的屬性。例如:href,width,length

DOM常用操作:

獲取文檔元素 對文檔元素進行增刪改查操作 事件操作

2.window對象

所有地瀏覽器都支持window對象,它支持瀏覽器窗口。 所有的js全局對象,函數以及變量都能自動成為window對象地成員。全 局變量是window對象的屬性,全局函數是window對象的方法。

3.document對象

document也是window對象地屬性之一; document對象是documentHTML的一個實例,也是window對象的一個屬性,因此可以將document對象作為一個全局對象來訪問。

<div id = 'testDiv'>測試一個div</div><script> var str = 'jdi'; console.log(window.str); console.log(document); console.log(document === window.document); console.log(document.childNodes); console.log(document.head); console.log(document.body); console.log(document.title); var box = document.getElementById('testDiv'); console.log(box); console.log(box.innerText);</script>

運行結果:

JavaScript中window和document用法詳解

三、源碼:

D26_1_FormVerification.html

地址:https://github.com/ruigege66/JavaScript/blob/master/D26_1_FormVerification.html

博客園:https://www.cnblogs.com/ruigege0000/

CSDN:https://blog.csdn.net/weixin_44630050?t=1

好吧啦網:https://www.jb51.net/article/191890.htm

到此這篇關于JavaScript中window和document用法詳解的文章就介紹到這了,更多相關JavaScript window document內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: www.一区二区| 日韩在线播放视频 | 国产精品视频久久久 | 五月av| 亚洲激情欧美 | 中文字幕在线观看网站 | 不卡视频一区二区 | 国产va在线观看 | 青青av| 性做久久久 | 一区二区不卡视频 | www.亚洲国产 | 四虎入口| 一级做a视频 | 日本欧美精品 | 欧美不卡 | 中文字幕在线观看一区二区三区 | 日韩av在线网址 | 亚洲精品影院 | 欧美久久精品 | 欧美特黄一级片 | 黄色在线观看网址 | 亚洲福利片 | 日韩专区中文字幕 | 欧美a级成人淫片免费看 | 黄色片网站在线观看 | 色女人影院 | 成人做爰免费视频免费看 | 日韩欧美精品 | 国产一区二区网站 | 午夜伦理福利 | 色网站在线| 午夜视频免费看 | 免费中文字幕日韩欧美 | 黑人精品xxx一区一二区 | 久久久久久久久久一区二区三区 | www四虎| 一区二区三区在线观看免费 | 一区二区亚洲 | 精品欧美一区二区精品久久 | 激情五月婷婷丁香 |