[DOM]-1.什麼是DOM

-
1.瀏覽器在解析網頁結構的時候會去產生一個document。
2.document裡面的話就會依序解析裡面的html標籤。
3.標籤裡面有哪些元素例如:body裡面有h1、a連結。
  (1).<h1>Header</h1>
  (2). <a href="#">MyLink</a>
4.練了這章節顧名思義就是JavaScript可以控制標籤、ID、class取出裡面的值或是給予裡面的值。
5.Element代表一個網頁的元素,取ID就可以取出裡面的值，textContnet就是透過這樣的方式更改文字內容。
   (1).document.getElementbyId('ID').textContent ="內容";

5.下方為樹狀圖



评论

发表评论

此博客中的热门博文

六角學院-高雄資訊旅遊

-
終於將高雄資訊旅遊完成，做的過程蠻煎熬因為不停的想不停的看別人怎做的，畢竟自己的還沒做過題目高手都蠻多的， 雖然煎熬但是一個題目真的可以學到東西，蠻充實的..一開始還好但是碰到一個頁數監聽跟熱門監聽還有表單的監聽要融合起來真的蠻頭痛，熱門跟表單還好。就差在頁數監聽卡兩天的時間， 想一想不行找codepen看前輩們是怎麼做的模式，看到好幾個真的看得不是很懂，有一個的模式蠻特別以函式為順序先監聽在一個一個函式寫將每筆生成陣列最後顯現渲染，顯現渲染是一個函式這個函式也是共用，也在熱門監聽跟表單監聽做融合 然後再這兩個裡面放頁數監聽，後來才解決頁數的問題。因為真的不知道監聽裡面還可以放監聽而且函式可以共用也就是說熱門監聽跟表單監聽可以用一個函式來融合。真的感恩這位 大大的程式碼 完成
阅读全文

JavaScript-頁數總結

-
不斷的測試到現在都天亮了，舒服... 其實就3個重點:  1.利用for迴圈生成頁數，以陣列的長度除以6。因為6筆為1頁，再將這個6筆為1頁以for迴圈來跑。假設總共有18筆內容，再將18除以6宣告為頁數的變數，再以for迴圈1跑到3。 2.初始筆數內容就比較簡單，以for迴圈0跑到6。 3.跟前面寫的JavaScript-頁數模擬利用全域變數來控制迴圈有點類似，但是在這裡以監聽點擊頁數事件來進行。以偵測內容來進行判斷。 <div class="container_page"></div>//生成的頁碼 <div class="container_content"></div>//6筆資料 .str{ width: 70px; } a{ padding: 0 8px; } em{ margin: 50px 50px; } var content = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18']; var container_page = document.querySelector('.container_page');//頁數父元素 var container_content = document.querySelector('.container_content');//筆數父元素 var contentLen = content.length;//陣列長度 var pages =contentLen/6;//頁數生成六筆為一頁 var page_str ='';//頁數字串 var start_content_str ='';//初始筆數字串 //利用for迴圈印出每六
阅读全文

[DOM]-11.XSS跨網站指令碼注意事項

-
innerHTML -方法：組完字串後，傳進語法進行渲染 -優點：效能快 -缺點：資安風險，要確保資料來源沒問題 craeteElement -方法 ：以DOM節點來處理 -優點：安全性高 -缺點：效能差 XSS(跨站指令攻擊)：蓄意用HTML標籤與JavaScript埋一些惡意程式碼來攻擊的動作 <textarea name="" id="content" cols="30" rows="10"></textarea> <input type="button" id="send" value="送出"> <div id="main"></div> document.querySelector('#send').onclick= function(){ var str = document.querySelector('#content').value; document.querySelector('#main').innerHTML = str; } 如在表單駭客可自行利用JavaScript的語法載入，例如在表單上打<script>alert('你被入侵了');</script>，可偷資料庫也可攻擊能力用JavaScript的語法去改寫成能載入的檔案進去，能亂塞JavaScript的語法，所以innerHTML盡量不要作成表單.可信任的資料如Open data等等可以使用innerHTML codepen
阅读全文