如何使用js編寫(xiě)留言板

這篇文章主要介紹了如何使用js編寫(xiě)留言板，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司專(zhuān)注于信宜網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。熱誠(chéng)為您提供信宜營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，信宜網(wǎng)站制作、信宜網(wǎng)頁(yè)設(shè)計(jì)、信宜網(wǎng)站官網(wǎng)定制、微信小程序開(kāi)發(fā)服務(wù)，打造信宜網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供信宜網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

具體內(nèi)容如下




 
 Document
 
 *{
  margin:0px;
  padding: 0px;
  font-size: 12px;
 }
 .tie{
  width: 70px;
  height: 30px;
  background:pink;
  border-radius: 10%;
 }
 .an{
  width: 70px;
  height: 30px;
  background:pink;
  border-radius: 10%;
 }
 .allFather{
  position: fixed;
  left: 250px;
  top: 0px;
  border:1px solid gray;
  width: 300px;
  height: 300px;
 }
 .wenb{
  width: 260px;
  height:25px;
  margin-top: 10px;
  margin-left: 10px;
  color: gray;
 }
 .two{
  margin-top: 10px;
  margin-left: 10px;
 }
 .jj{
  width: 120px;
  height: 25px;
 }
 .kk{
  margin-top: 10px;
  margin-left: 10px;
  width: 260px;
 }
 .an{
  margin-top: 10px;
  margin-left: 10px;
 }
 


 我要發(fā)帖
 
 
 
 
  所屬板塊
  
  英雄聯(lián)盟
  穿越火線
  qq飛車(chē)
  地下城與勇士
  逆戰(zhàn)

發(fā)布

//點(diǎn)擊時(shí)使發(fā)帖界面顯示 var tie = document.getElementsByClassName('tie')[0]; tie.onclick = function(){ document.getElementsByClassName('allFather')[0].style.display = "block"; } //獲得節(jié)點(diǎn)上傳 var bt = document.getElementsByClassName("wenb")[0];//獲得標(biāo)題 var bk = document.getElementById('wyd');//獲得板塊 var jio = document.getElementsByClassName('kk')[0];//獲得多行文本框內(nèi)容 var time = new Date();//獲得時(shí)間 var nian = time.getFullYear();//獲得年份 var dt = time.getMonth();//獲得月份 var r = time.getDate();//獲得日期 var shi = time.getHours();//獲得小時(shí) var fen = time.getMinutes();//獲得分鐘 //實(shí)現(xiàn)上傳 var items = document.getElementsByClassName('items')[0];//獲得ul的節(jié)點(diǎn)屬性 //實(shí)現(xiàn)創(chuàng)造新節(jié)點(diǎn) //焦點(diǎn)聚集事件 bt.onfocus = function(){ bt.value = ""; } function cz(){ //先創(chuàng)建li的節(jié)點(diǎn) var Li = document.createElement('li'); //然后插入到ul中 items.appendChild(Li); Li.style.listStyle = "none"; //創(chuàng)建圖片 var img = document.createElement('img'); Li.appendChild(img);//在li中插入圖片 var isz = ['../images/sdg.jpg','../images/dfggfhs.jpg'];//一個(gè)圖片的數(shù)組 var index = Math.floor(Math.random()*2); img.style.width = "50px"; img.style.height = "50px"; img.style.borderRadius = "50%"; img.setAttribute('src',isz[index]); //創(chuàng)建圖片右邊內(nèi)容的大盒子 var hfather = document.createElement('div'); Li.appendChild(hfather);//插入大盒子 //實(shí)現(xiàn)盒子左浮動(dòng) hfather.style.display = "inline-block"; //創(chuàng)建標(biāo)題 var libt = document.createElement('p'); hfather.appendChild(libt); libt.style.fontSize = "20px"; libt.style.color = "black"; libt.style.fontWeight = "bloder"; libt.style.marginBottom = "5px"; libt.innerHTML = bt.value;//填充內(nèi)容 //創(chuàng)建板塊 var text = ""; for(i = 0;i < bk.length; i++) {//下拉框的長(zhǎng)度就是它的選項(xiàng)數(shù). if(bk[i].selected == true) { text = bk[i].innerHTML;//獲取當(dāng)前選擇項(xiàng)的值. 　　　　　　 } 　　　　　　} var bkl = document.createElement('span'); hfather.appendChild(bkl); bkl.style.color = "gray"; bkl.innerHTML = "板塊:" + text; console.log(bkl.innerHTML); //創(chuàng)建時(shí)間板塊 var tbk = document.createElement('span'); hfather.appendChild(tbk); tbk.style.marginLeft = "15px"; tbk.style.color = "gray"; tbk.innerHTML = "發(fā)表時(shí)間:" + nian + "-" + (dt+1) + "-" + r + " " + shi + ":" + fen; document.getElementsByClassName('allFather')[0].style.display = "none"; bt.value = "請(qǐng)輸入標(biāo)題(1-60個(gè)字符)"; jio.value = ""; bk[0].selected = true; }

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用js編寫(xiě)留言板”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

標(biāo)題名稱(chēng)：如何使用js編寫(xiě)留言板
網(wǎng)址分享：http://weahome.cn/article/pjoegc.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

如何使用js編寫(xiě)留言板

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管