超文本标记语言代码：

！DOCTYPEhtml

超文本标记语言

headlang='en '

' UTF-8 '

标题列车时刻表查询/title

元名称='视口'内容='宽度=设备宽度，初始比例=1 '

linkrel='样式表href=' http://代码。jquery。请访问Microsoft.com/mobile/1。4 .5/jquery。移动一号。4 .5 .量滴CSS '/

脚本src=' http://代码。jquery。com/jquery-1。11 .1 .量滴js '/脚本

脚本src=' http://代码。jquery。请访问Microsoft.com/mobile/1。4 .5/jquery。移动一号。4 .5 .量滴js '/脚本

/head

脚本src=' js/connect。js '/脚本

bodyonload='init()'

pdata-role='page'id='pageone '

pdata-角色='表头'数据-位置='固定'

氕列车时刻表查询/h1

/p

pdata-角色='main'class='ui-content '

palign='center '请给我留言/p

表数据-角色=' table ' class=' ui-responsed '

四羟乙基己二酰胺

tr

泰国(泰国)姓名：/th

泰国(泰国)留言：/th

/tr

/thead

在需要分行下载处加上

tr

tdinputtype='text'id='name'/td

tdinputtype='text'id='memo'/td

/tr

/tbody

/table

按钮类型=' submit ' onclick=' SaveData()'留言/按钮

table data-role=' table ' data-mode=' class=' ui-responsed ' id=' datatable '

！-这里是留言板的显示区域-

/table

/p

！-

作者：ceet@vip.qq.com

时间：2017-08-26

描述：底部拉环

-

pdata-角色='页脚'数据-位置='固定'

pdata-角色='navbar '

保险商实验所

里

ahref=' index。html # index ' data-icon=' grid ' class=' ui-BTN-active '查询/a

/li

里

ahref=' index。html # detail ' data-rel=' popup ' data-icon=' star '收藏/a

/li

里

ahref=' test。html ' data-icon=' comment '给我留言/a

/li

/ul

/p

/p

！-收藏功能-

pdata-角色=' Popup ' id=' MyPopup ' class=' ui-content '数据-主题=' b '

ahref=' # ' data-rel=' back ' class=' ui-btnui-BTN-aui-corner-all ui-shadow ui-btnui-icon-deleteui-BTN-icon-note xtui-BTN-right ' close/a

p收藏成功，暂且不做处理！/p

p请点击右上角有个关闭按钮/p

平装书提示：/b你也可以点击弹窗的外部区域来关闭弹窗/p。

/p

/p

/body

/html

射流研究…代码：

/**

*HTML5操作本地WebSQL数据库

*作者：汪政

*时间：2017/08/2615:03:19

*/

vardatatable=null

vardb=OpenDatabaSe(' MyDatabase '，''，' MyDatabase '，1024 * 100)；

//初始化函数方法

functioninit(){

datatable=document。GetElementbyID(' datatable ')；

show all data()；

}

//首先移除乱七八糟的东西

functionremoveAllData(){

for(vari=datatable。子节点。长度-1；I=0；i - ){

数据表。移除子代(datatable。子节点[I])；

}

var tr=文档。create ElEMENT(' tr ')；

var TH1=文档。createElement(' th ')；

var TH2=文档。createElement(' th ')；

var thr 3=文档。createElement(' th ')；

' th1.innerHTML='姓名；

' th2.innerHTML='留言；

th3.innerHTML='时间；

tr。appendchild(TH1)；

tr。append child(TH2)；

tr。append child(th3)；

数据表。appendchild(tr)；

}

//显示WebSQL中的数据

函数显示数据（行){

var tr=文档。create ElEMENT(' tr ')；

var td1=文档。createElement(' TD ')；

TD 1。InnerHTML=row。名称；

var td2=文档。createElement(' TD ')；

TD 2。InnerHTML=row。消息；

var td3=文档。createElement(' TD ')；

vart=NewDate()；

t。SetTime(行。时间)；

td3。innerhtml=t . tolocaledatestring()' ' t . tolocaletimestring()；

tr。append child(td1)；

tr。append child(td2)；

tr。append child(td3)；

数据表。appendchild(tr)；

}

//显示所有的数据

functionshowAllData(){

db.transaction(function(tx){

tx。ExecuteSqL(' CreateTableafNotexistsmsgData(Name Text，messageTEXT，timeINTEGER)'，[])；

tx。execute SqL(' SELECT * fromsgdata '，[]，function(tx，rs){

移除所有数据()；

for(vari=0；国税局。行。长度；i ){

showData(rs.rows.item(i))

}

})

})

}

//添加数据

函数添加数据（名称、消息、时间){

db.transaction(function(tx){

tx。ExecuteSqL(' Insertintomsgdata值(？)',[名称，消息，时间],函数(tx，rs){

" alert("留言成功！');

},

函数(tx，错误){

警报(错误。源“:”错误。消息)；

}

)

})

}

//调用

functionsaveData(){

varname=document。GetElementbyID(' name ').价值；

var memo=文档。GetElementbyID(' memo ').价值；

vartime=newDate().getTime()；

addData(姓名、备忘录、时间);

show all data()；

}

我们有两个方法来进行软件设计：一个是让其足够的简单以至于让病菌无法藏身；另一个就是让其足够的复杂，让人找不到BUG。前者更难一些。

本文转载自中文网