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 在頁面中建...