前端基礎 DOM JS

2022-07-30 15:57:21 字數 1677 閱讀 8701

1. dom( document object model 文件物件模型)

乙個 web 頁面的展示,是由 html 標籤組合成的乙個頁面。dom 物件實際就是將 html 標籤轉換成乙個文件物件。

可以通過 dom 物件中 js 提供的方法,找到 html 的各個標籤。通過找到標籤就可以操作標籤使頁面動起來。

重新賦值

獲取輸入框的值(能獲取到就能重新賦值)

下拉框

樣式

建立標籤1(用內建功能)

建立標籤2(用字串的方式)

var inputstr = '<

input

type

="text"

value

="login"

>

';create.insertadjacenthtml('beforeend',inputstr);

這裡的 beforeend(子標籤後) 還有另外的三種方法,分別是:beforebegin( 標籤前), afterbegin(子標籤前), afterend(標籤後),表示插入的四個位置。

刪除屬性

劃重點的知識點:

2. js

js 基本資料型別

數字型別(js 只有一種數字型別,數字可以帶小數點)

布林型別:true 和 false,都是小寫

陣列

物件(字典)

var dict=;

//查dict['name'];

dict.name;

//刪delete dict['name'];

js 語法

for 迴圈

while 迴圈

匿名函式

1

<

input

type

="button"

id="test-button"

>23

<

script

>

4var

element

=document.getelementbyid(

'test-button');

5element.onclick

=function()8

script

>

這種方式的好處是可以不那麼明顯的將方法直接寫在標籤內,減少**的安全隱患。

函式(作用域:函式內):不另舉例,以上「事件」中的 test() 即為函式的例子。

ajax 非同步請求(來自 jquery)

DOM js盒子模型

js盒子模型 瀏覽器提供一些獲取盒子位置資訊的屬性和方法 1 clientwidth clientheight clientwidth width 左右padding clientheight height 上下padding 2 clienttop clientleft clienttop 上邊框...

DOM js驗證輸入框

jsp頁面 引用js 引用樣式 表單提交驗證 registerservlet method post onsubmit return validate this 編 號 使用者名稱 密 碼 確認密碼 真實姓名 郵 箱 性 別 男 女 出生日期 validate.js function validat...

Web4個實驗題目DOM JS

實驗目的 1.掌握dom物件的基本語法 2.掌握getelementbyid函式 3.掌握getelementsbytagname函式 實驗內容 1 在頁面中顯示當前時間的年月日小時分鐘秒,並實現時間的變化。2 使用標記實現滾動效果,當滑鼠滑過時,停止滾動,當滑鼠從上移出時,繼續滾動。3 在頁面中建...