部落格程式碼記錄語法

-
your code... 
your code...
參考:
卡卡米的記憶體
Peggy's Learning Notes

评论

发表评论

此博客中的热门博文

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]-7.innerHTML(下)

-
<ul class="list"></ul> var el = document.querySelector('.list'); var link ='http://www.google.com.tw'; var name = '查理'; el.innerHTML ='<li><a href="'+link+'">'+name+'</li>'; 1.如href以及文字內容設為變數，在寫入字串到innerHTML的字串裡面加入href以及文字內容需要加入'+變數+' codepen
阅读全文

[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
阅读全文