前端基礎學習筆記 JS屬性小結以及第一個js函數

JS屬性小結

注釋快捷鍵

單行注釋  ctrl + /

多行注釋  shift + alt + a

js三大子產品

es

DOM=> 文檔對象模型 提供頁面元素和方法的整合工具箱

BOM => 浏覽器對象模型  提供浏覽器對象和方法的整合工具箱

js 三大作用

1. 可以改變我們html标簽 屬性 樣式
2. 支援滑鼠事件 鍵盤事件 實作互動效果
3. 實作和資料庫連接配接,做資料互動 =>動态頁面
4. 一些延伸作用,js是與bom js能再更多的地方都可以應用

js的存放位置

不常用 => 标簽内 行内 <div id="wrap" οnclick="alert()"></div>

常用 => 内部script标簽記憶體放js  寫在body結束标簽之前

        => 外部js  <script src=""> 寫在body結束标簽之前

             script标簽不能又引入 又内部

擷取元素

此項是擷取id對應的盒子标簽：document.getElementById("wrap") => <div id="wrap">123</div>

擷取wrap内的内容  document.getElementById("wrap").innerHTML  

可以對wrap的内容進行修改  document.getElementById("wrap").innerHTML = 123123123;

innerHTML 會解析出 标簽  擷取時 擷取标簽還有内容 甚至注釋

innerText    不會解析出标簽  隻擷取文本

我的第一個聲明函數：

let yy = document.getElementById("wrap");

yy.onclick = function () {
    yy.innerHTML = yy.innerHTML + 456;
}