JavaScript動態載入

2021-08-17 23:40:51 字數 1601 閱讀 8884

在做專案的過程中需要用到動態載入,如何做,剛開始很為難。

什麼是動態載入呢?

比如說,新增便簽時,在往庫里插入資料的同時需要顯示在介面上,新增資料後重新整理頁面是可以獲得,但是沒插入一條資料都要重新整理介面的話,不僅麻煩,還很慢。所以就需要用到動態載入。

經過不懈努力,其實,也就是動態拼接字串而已。

再新增資料的時候,如果判斷資料庫中新增成功,這個時候就要動態載入到介面。

**:

//若新增成功

if (data == "true") {

document.getelementbyid("newnote").value = "";

"addsuccess").style.display = "block";

document.getelementbyid("nonote").style.display = "none";

var div = document.createelement("div");

div.classname = "";

var divalert = document.createelement("div");

divalert.classname = "alert alert-info";

var font = document.createelement("font");

//編輯和刪除按鈕

var deletebtn = document.createelement("button");

deletebtn.classname = "btn btn-default btn-sm deletebtn";

deletebtn.style = "color:red;float:right; margin-left:5px;width:80px;";

deletebtn.textcontent = "刪除 ";

deletebtn.id = id;

//編輯和刪除字型圖示

var deletespan = document.createelement("span");

deletespan.classname = "glyphicon glyphicon-trash";

deletespan.disable = true;

var textarea = document.createelement("textarea");

textarea.classname = "form-control update";

textarea.style = "resize:none; width:90%;margin-top:0; margin-left:5%; border-style: solid; border-color: #ffffff;border-color:#ffffff;border-top:0;";

//textid為了和按鈕區分開,加上指定字元

textarea.id = textid;

//顯示

$(".notecontent").prepend(div);

這樣就動態載入到介面了。

javascript函式的靜態載入與動態執行

函式定義是,已經寫入了記憶體,是靜態的模式,但是我們經常想得到的缺失動態效果 錯誤var trs document.getelementbyid tr var length trs.length for var index 0 index 函式定義時,只會載入進入記憶體,是不會執行的 對於函式內變數...

Javascript 非同步載入詳解

一 同步載入與非同步載入的形式 1.同步載入 我們平時最常使用的就是這種同步載入形式 同步模式,又稱阻塞模式,會阻止瀏覽器的後續處理,停止了後續的解析,因此停止了後續的檔案載入 如影象 渲染 執行。js 之所以要同步執行,是因為 js 中可能有輸出 document 內容 修改dom 重定向等行為,...

javascript的動態this與動態繫結

乙個簡單的例子 1.window.name window 2.varrun function 5.run window.name window var run function run 執行 這裡你不能說run是作為window的乙個屬性而存在,但它的確是被window屬性呼叫了。實質上大多數暴露在...