html_void_動態建立三種元素的三種方式
阿新 • • 發佈:2018-12-16
void
在a標籤的href屬性中新增javascript:void(0) 語句後,在網頁點選超連結時,不會在進行跳轉。如果href的值為javascript:’123’。單擊超連結的時候整個頁面只會顯示123,之前的內容全部清除。
a標籤href跳轉詳解:當單擊超連結的時候,windows將href後面的值複製到url位址列中進行跳轉,如果是javascript:語句的時候,瀏覽器進行跳轉的時候會解析,執行javascript程式碼,將js執行語句的返回值列印到網頁中,之前的heml內容清空,注意:但是網頁的url沒變。
Void相關:void(程式碼),執行裡面的程式碼,返回值始終返回
動態建立三種元素的三種方式
方法一:
document.write()
innerHTML
document.createElement()
var div = document.createElement(“div”);
document.body.appendChild(div);
效能問題:
- innerHTML方法由於會對字串進行解析,需要避免在迴圈內多次使用
- 可以藉助字串或陣列的方式進行替換,再設定給innerHTML
- 優化後與document.createElement效能相近
補充:var d2 = +new Date();
方法二:conosle.log(Date.new())
節點操作: