html
前端三劍客的介紹:
????HTML:頁面內容的載體
??? Css:用來美化和指定頁面的顯示效果
??? JavaScript:頁面顯示的過程中,可以動態改變頁面的內容
重點屬性
type="text"文本輸入 type="password"密碼輸入 <a href="servletC"> SerlvertC</a>超鏈接 type="radio" value="值" 單選框 type="checkbox" value="值" 多選框 <meta charset="UTF-8"> 在<head> 作用設置編碼格式 </head> ? action是跳轉的界面 method:表示請求方式 <form action = "提交地址" method = "post"> <input type="submit"> </form>
BOM
BOM的概念介紹
1.BOM面向對象的思維 2.將真實的瀏覽器轉成JS的內存對象window對象 3.調用window對象,相當于調用瀏覽器的功能 4,因為BOM的存在,我們就可以在js代碼和瀏覽器進行對話
window對象的常見屬性
1. localtion 瀏覽器輸入地址框的抽象,使用他可以進行地址的獲取或指定地址的加載 2. document 將整個頁面抽象的對象 3. localStorage 瀏覽器的持久化存儲方式,不刪一直有數據 4. sessionStorage 瀏覽器的非持久存儲方式頁面關閉就消失
window的三個提示框
window.alert("普通的提示框") window.confirm("確定提示框")--返回true/false window.prompt("輸入提示框")--返回字符串
DOM(重點)
dom的概念
1. DOM就是將文檔頁面抽象成document 2. 通過document對象的方法,完成對文檔的
dom的元素節點操作
1. 查找元素節點對象1.1直接查找,根據元素節點的標識來查找var 單個對象 = document.getElementById("id值");var對象數組=document.getElementsByClassName("class值");var 對象數組 = document.getElementsByTagName("元素名");1.2間接查找:根據元素節點之間的父子關系查找1.2.1父找子var 子元素數組=父元素節點.children;1.2.2子找父var 父標簽=子標簽節點.parentElement; 2.刪除元素節點對象元素節點.remove(); 3.添加元素節點對象創建元素節點var 新元素節點 = document.createElement("標簽名")元素節點內添加其他元素節點父元素節點.appendChild(新元素節點) 4.替換元素節點對象 【了解】父元素節點.repalce(舊節點 被替換,新節點 替換后);
DOM的文本節點操作
innerText 不會解析標簽(元素節點.innerText) innerHTML: 會解析標簽 查詢-----document 1.可以根據id查詢----document.getElementById 2.可以根據標簽名查詢---document.getElementsByTagName 3.根據類名查詢--document.getElementsByClassName 4.孩子節點---- ? .children 5.父節點------- ? .parentElement 6.弟節點------- ? .nextElementSibling; 7.兄節點------- ? .previousElementSibling
JavaScript事件驅動
鼠標事件: HTML DOM 事件對象 | 菜鳥教程
鍵盤事件: HTML DOM 事件對象 | 菜鳥教程
表單事件: HTML DOM 事件對象 | 菜鳥教程
事件記憶
鼠標: onclick ondblclick 鍵盤: onkeydown onkeyup 表單: onchange onsubmit
正則表達式(了解,ai自動生成需要的)
元字符
[]表達式---包含 ^n---以n開頭 [^]-----取反(或不存在) \d 數字 \w 數字字母下劃線
量詞
n{x}---重復x次 n{x,y}--重復x到y次 +:一次或多次
?