用js做乙個簡單的留言板效果

2022-04-20 12:49:04 字數 1431 閱讀 4655

html部分:

2:
3:
9:
10:
11:
12:
13:
15:                 

16:
17:                     暱稱:

18:
19:                 

20:
22:                 

23:

26:                 

27:
28:         

30:
31:
32:         

33:     

34: 

35: 

css:

2:     margin: 0 auto;
3:     padding: 0;
4:     font-family: "microsoft yahei","sans-serif";
5: }
6: .container
10: .text
14: .btn
18: #messagelist
22: .txt
js:

2: *文件載入完後,執行名為func的函式
3: *@param func 需要執行的函式的名
4: *說明:window.onload事件處理函式的值存入變數oldonload;如果函式上沒有繫結任何函式,則正常添
5: *加;若已經繫結有函式,則新增到指令末尾。
6: */
7: function addloadevent(func)
8:
14:     else
15:
21:     }
22: }
23: function getmessage()
33:     message.onfocus = function()
36:
37:     btn.onclick = function()
46: }
47: addloadevent(getmessage);
效果:

缺點是沒有儲存資料,之後會考慮用js+websql實現資料儲存,但是目前只有chrome支援websql

關於js設定預設值,可以參考:

用PHP MySQL寫了乙個簡單的留言板

昨天忘記把資料庫的建立發上來了 現在補上 create database gbook create table gbook id int 255 unsigned not null auto increment primary key name varchar 10 not null tinyint...

乙個簡單的PHP留言板

如果你已經有一定程式設計基礎請自行出門左轉 接下來我們就直接開始。首先構建乙個進入的主頁面 這是首頁 此處混編 接下來就是書提交到資料庫,此處對資料進行驗證一下,看是否提交了空資料 展示介面就是將已經寫好的資料,從資料庫中迴圈出來即可。include conn.php perpagenum 5 定義...

PHP MySql實現乙個簡單的留言板

跟著書學的,不是自己寫的,但是都能理解,有時間自己去寫個好看一點的吼吼吼 不熟練花了一天的時間 留言板是接觸web開發的基礎,寫乙個留言板需要知道前端的一些基礎標籤,對資料庫有乙個了解會基礎sql語言,php基礎知識,前段基礎 資料庫基礎 php基礎 留言板。前方高能哇 介面真的是吃藕誒 先建乙個資...