1. 程式人生 > >html_void_動態建立三種元素的三種方式

html_void_動態建立三種元素的三種方式

void

a標籤的href屬性中新增javascript:void(0) 語句後,在網頁點選超連結時,不會在進行跳轉。如果href的值為javascript:’123’。單擊超連結的時候整個頁面只會顯示123,之前的內容全部清除。

a標籤href跳轉詳解:當單擊超連結的時候,windowshref後面的值複製到url位址列中進行跳轉,如果是javascript:語句的時候,瀏覽器進行跳轉的時候會解析,執行javascript程式碼,將js執行語句的返回值列印到網頁中,之前的heml內容清空,注意:但是網頁的url沒變。

Void相關:void(程式碼),執行裡面的程式碼,返回值始終返回

undefined

 

動態建立三種元素的三種方式

方法一:

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())

節點操作: