用js動態生成html頁面

首先思路明確：生成的元素是乙個完整的dom物件；這些

dom物件的屬性可以是字串，

xml檔案，也可以是

json

格式的資料，儲存在後台或者其它位置；通過層層解析，順著

dom層級關係動態建立在

html

文件流中；這些

html

文件放於不同的模板檔案中相應生成不同樣式的效果。

以下就json格式儲存的資料，簡單示例一下：

第一步：獲取attribute資料

var url = window.android.getcurrentdataurl();

var data = window.android.getdatabody(url);
var datajson = json.parse(data); 
var jsondata = json.parse(datajson['data']); 
var jsondata =  //自主建立（可選）

$(function () ;

analyjson(jsondata, cls, data_toggle, $('#main'));
});//建立json解析函式
function analyjson(data,cls,data_toggle,div)elseelseelse}}
}  //針對不同的解析情況，呼叫下邊函式
function createinputviewer(data,cls,data_toggle,div);
//alert(data.type);
switch(data.type)
case 'radio':
case 'select':
case 'checkbox':
case 'photo':
case 'gps' :
default:
}}//封裝乙個用於儲存ｄｏｍ屬性的函式
function getattr(p,cls,data_toggle);
if(p in cls)
if(p in data_toggle)
return attr;
}

function createinput(data,cls,data_toggle,div)

function createlocation(data,cls,data_toggle,div)
function  createbutton(data,cls,data_toggle,onclick,div)
function  createimage(data,cls,data_toggle,div)
function createphoto(data,cls,data_toggle,div)
function createradio(data,cls,data_toggle,div)
}function createselect(data,cls,data_toggle,div)
}function createcheckbox(data,cls,data_toggle,div)
} function createkeyvalue(data,attr,div)
}function createphotofromandroid(data));
}function createlocationfromandroid(data,cls,data_toggle));
}function setscantoactive(result)

動態生成HTML頁面

檢視文章 asp.net動態生成html頁面2007 06 17 09 51此功能適用於後台資料庫功能不強的web站點，即大部分文字不是存放在資料庫的記錄中，而是放在html檔案或者xml檔案中，僅僅把索引放到資料庫中，如文章標題 類別 查詢關鍵字等。這樣適合於後台沒有諸如ms sql server...

C 動態生成html頁面

此功能適用於後台資料庫功能不強的web站點，即大部分文字不是存放在資料庫的記錄中，而是放在html檔案或者xml檔案中，僅僅把索引放到資料庫中，如文章標題 類別 查詢關鍵字等。這樣適合於後台沒有諸如ms sql server這樣的資料庫支援的web站點。適用於新聞發布系統，比如sina 163等都是...

用js 將當前html頁面匯出pdf

引入的js 1.function downloadpdf 13.html2canvas 是將當前頁面轉換成 height 5000,這個高度要根據頁面的大小靈活調整 var doc new jspdf p px a3 p 橫向，a3 紙張大小，預設是a4 doc.addimage imgdata,p...