在做專案的過程中需要用到動態載入,如何做,剛開始很為難。
什麼是動態載入呢?
比如說,新增便簽時,在往庫里插入資料的同時需要顯示在介面上,新增資料後重新整理頁面是可以獲得,但是沒插入一條資料都要重新整理介面的話,不僅麻煩,還很慢。所以就需要用到動態載入。
經過不懈努力,其實,也就是動態拼接字串而已。
再新增資料的時候,如果判斷資料庫中新增成功,這個時候就要動態載入到介面。
**:
//若新增成功
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屬性呼叫了。實質上大多數暴露在...