整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
單版發(fā)布留言
分析：
1. 核心思路：點(diǎn)擊按鈕之后，就動(dòng)態(tài)創(chuàng)建一個(gè)li，添加到ul里面。
2. 創(chuàng)建li的同時(shí)，把文本域里面的值通過li.innerHTML賦值給li
3. 如果想要新的留言后面顯示就用appendChild如果想要前面顯示就用insertBefore
刪除留言
分析：
1. 當(dāng)我們把文本域里面的值賦值給li的時(shí)候，多添加一個(gè)刪除的鏈接
2. 需要把所有的鏈接獲取過來，當(dāng)我們點(diǎn)擊當(dāng)前的鏈接的時(shí)候，刪除當(dāng)前鏈接所在的li
3.阻止鏈接跳轉(zhuǎn)需要添加JavaScript:void(0)；或者JavaScript；
源碼如下
tml源碼：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>訪問數(shù)據(jù)庫</title>
<style>
#name{width: 180px;
}#msg{width: 180px;height: 180px;font-size: 20px;
}#save{width: 80px;line-height: 30px;background-color: cornflowerblue;border: 0px;
}</style>
</head>
<body>
<h1>使用數(shù)據(jù)庫實(shí)現(xiàn)留言簿</h1>
<label for="name">姓名：</label>
<input id="name" type="text" placeholder="請(qǐng)輸入姓名："/><br/>
<label for="msg">留言：</label>
<textarea id="msg" placeholder="請(qǐng)輸入留言信息" ></textarea>
<br/>
<button id="save" >保存</button>
<hr />
<table border="1" id="datatable" cellspacing="0" cellpadding="0"></table>
<p id="msgs"></p>
<script type="text/javascript" src="js/db.js"></script>
</body>
</html>db.js源碼：window.onload=init;
var datatable=null;
//創(chuàng)建數(shù)據(jù)庫,獲取數(shù)據(jù)庫訪問對(duì)象。var db=openDatabase('mydb','','mydatabase',102400);
//初始化function init() {
datatable=document.querySelector("#datatable");
碼可以做很多很有趣的事情，有些很簡短的代碼，會(huì)讓人印象深刻，而且可以從中學(xué)到一些東西。有人發(fā)起了這樣一個(gè)話題稱“有哪些短小卻令人驚嘆的 JavaScript 代碼?”
百度美女程序員
這個(gè)話題，引起很多很多人的關(guān)注，大家也都非常踴躍的分享代碼，下面，W3Cschool小師妹就為大家分享其中三段代碼。
代碼片段一：
分享者分享了這樣一段代碼，也沒有說什么。但是網(wǎng)友中還是有很多大牛的，看看這些大牛是怎么評(píng)論這段代碼的：
網(wǎng)友一：很有趣呀!
網(wǎng)友二：打開了新世界。
網(wǎng)友三：實(shí)現(xiàn)簡單，腦洞很大啊。
網(wǎng)友四：這個(gè)迷宮能走得通嗎?能不能寫一段代碼，顯示能連通的路徑。
代碼片段二：
分享者稱，真的可以執(zhí)行的，還把我嚇壞了。網(wǎng)友是怎么看待這段代碼的呢?
網(wǎng)友一：驚呆了，為啥這都能執(zhí)行啊?
網(wǎng)友二：我對(duì)自己的孤陋寡聞而慚愧。。。刷新我對(duì)代碼的認(rèn)知。
網(wǎng)友三：簡直喪心病狂!
網(wǎng)友四：運(yùn)行結(jié)果竟然是alert("Hello, JavaScript")。
網(wǎng)友五：很強(qiáng)勢。
代碼片段3：
分享者稱，這個(gè)正則表達(dá)式可以測質(zhì)數(shù)，道理就是構(gòu)造一個(gè) 1111111，強(qiáng)行讓正則引擎實(shí)現(xiàn)一個(gè)除法。
網(wǎng)友對(duì)這段代碼有什么看法呢?
網(wǎng)友一：相當(dāng)驚艷!!!只是執(zhí)行效率有點(diǎn)低啊，而且n的位數(shù)多了會(huì)越界。
網(wǎng)友二：想了好一會(huì)兒才明白。
網(wǎng)友三：stack上搜了下才理解。
上面分享的三段代碼，看起來非常精簡。就是這樣精簡的代碼，竟然是可運(yùn)行的，著實(shí)令人驚嘆。不知道各位大俠，上面的三段代碼，你覺得怎樣，可以在下面留言哦。
學(xué)編程技術(shù)，就到W3Cschool，如果你喜歡我們的文章，可以點(diǎn)擊右上角關(guān)注我們;如果你想看到更多IT界的資訊，可以加我們的公眾號(hào)。
公眾號(hào)：w3cschoolcn
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
