整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaScript简单版发布留言怎么做?

单版发布留言

分析:

1. 核心思路:点击按钮之后,就动态创建一个li,添加到ul里面。

2. 创建li的同时,把文本域里面的值通过li.innerHTML赋值给li

3. 如果想要新的留言后面显示就用appendChild如果想要前面显示就用insertBefore

删除留言

分析:

1. 当我们把文本域里面的值赋值给li的时候,多添加一个删除的链接

2. 需要把所有的链接获取过来,当我们点击当前的链接的时候,删除当前链接所在的li

3.阻止链接跳转需要添加JavaScript:void(0);或者JavaScript;

源码如下




tml源码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>访问数据库</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>使用数据库实现留言簿</h1>
<label for="name">姓名:</label>
<input id="name" type="text" placeholder="请输入姓名:"/><br/>
<label for="msg">留言:</label>
<textarea id="msg" placeholder="请输入留言信息" ></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;
//创建数据库,获取数据库访问对象。var db=openDatabase('mydb','','mydatabase',102400);
//初始化function init() {
datatable=document.querySelector("#datatable");

码可以做很多很有趣的事情,有些很简短的代码,会让人印象深刻,而且可以从中学到一些东西。有人发起了这样一个话题称“有哪些短小却令人惊叹的 JavaScript 代码?”

百度美女程序员

这个话题,引起很多很多人的关注,大家也都非常踊跃的分享代码,下面,W3Cschool小师妹就为大家分享其中三段代码。

代码片段一:

分享者分享了这样一段代码,也没有说什么。但是网友中还是有很多大牛的,看看这些大牛是怎么评论这段代码的:

网友一:很有趣呀!

网友二:打开了新世界。

网友三:实现简单,脑洞很大啊。

网友四:这个迷宫能走得通吗?能不能写一段代码,显示能连通的路径。

代码片段二:

分享者称,真的可以执行的,还把我吓坏了。网友是怎么看待这段代码的呢?

网友一:惊呆了,为啥这都能执行啊?

网友二:我对自己的孤陋寡闻而惭愧。。。刷新我对代码的认知。

网友三:简直丧心病狂!

网友四:运行结果竟然是alert("Hello, JavaScript")。

网友五:很强势。

代码片段3:

分享者称,这个正则表达式可以测质数,道理就是构造一个 1111111,强行让正则引擎实现一个除法。

网友对这段代码有什么看法呢?

网友一:相当惊艳!!!只是执行效率有点低啊,而且n的位数多了会越界。

网友二:想了好一会儿才明白。

网友三:stack上搜了下才理解。

上面分享的三段代码,看起来非常精简。就是这样精简的代码,竟然是可运行的,着实令人惊叹。不知道各位大侠,上面的三段代码,你觉得怎样,可以在下面留言哦。

学编程技术,就到W3Cschool,如果你喜欢我们的文章,可以点击右上角关注我们;如果你想看到更多IT界的资讯,可以加我们的公众号。

公众号:w3cschoolcn