日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

用js編寫留言板

瀏覽:194日期:2024-05-16 17:00:31

本文實例為大家分享了js編寫留言板的具體代碼,供大家參考,具體內容如下

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title> <style type='text/css'> *{ 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; } </style></head><body> <button class='tie'>我要發帖</button> <ul class='items'></ul> <div style='display: none;'> <input type='text' value='請輸入標題(1-60個字符)' class='wenb'> <div class='two'> 所屬板塊 <select name='' class='jj'> <option value=''>英雄聯盟</option> <option value=''>穿越火線</option> <option value=''>qq飛車</option> <option value=''>地下城與勇士</option> <option value=''>逆戰</option> </select> </div> <textarea name='' id='' cols='30' rows='10' class='kk'></textarea> <button 'cz()' class='an'>發布</button> </div></body> <script type='text/javascript'> //點擊時使發帖界面顯示 var tie = document.getElementsByClassName(’tie’)[0]; tie.onclick = function(){ document.getElementsByClassName(’allFather’)[0].style.display = 'block'; } //獲得節點上傳 var bt = document.getElementsByClassName('wenb')[0];//獲得標題 var bk = document.getElementById(’wyd’);//獲得板塊 var jio = document.getElementsByClassName(’kk’)[0];//獲得多行文本框內容 var time = new Date();//獲得時間 var nian = time.getFullYear();//獲得年份 var dt = time.getMonth();//獲得月份 var r = time.getDate();//獲得日期 var shi = time.getHours();//獲得小時 var fen = time.getMinutes();//獲得分鐘 //實現上傳 var items = document.getElementsByClassName(’items’)[0];//獲得ul的節點屬性 //實現創造新節點 //焦點聚集事件 bt.onfocus = function(){ bt.value = ''; } function cz(){ //先創建li的節點 var Li = document.createElement(’li’); //然后插入到ul中 items.appendChild(Li); Li.style.listStyle = 'none'; //創建圖片 var img = document.createElement(’img’); Li.appendChild(img);//在li中插入圖片 var isz = [’../images/sdg.jpg’,’../images/dfggfhs.jpg’];//一個圖片的數組 var index = Math.floor(Math.random()*2); img.style.width = '50px'; img.style.height = '50px'; img.style.borderRadius = '50%'; img.setAttribute(’src’,isz[index]); //創建圖片右邊內容的大盒子 var hfather = document.createElement(’div’); Li.appendChild(hfather);//插入大盒子 //實現盒子左浮動 hfather.style.display = 'inline-block'; //創建標題 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;//填充內容 //創建板塊 var text = ''; for(i = 0;i < bk.length; i++) {//下拉框的長度就是它的選項數. if(bk[i].selected == true) { text = bk[i].innerHTML;//獲取當前選擇項的值. }} var bkl = document.createElement(’span’); hfather.appendChild(bkl); bkl.style.color = 'gray'; bkl.innerHTML = '板塊:' + text; console.log(bkl.innerHTML); //創建時間板塊 var tbk = document.createElement(’span’); hfather.appendChild(tbk); tbk.style.marginLeft = '15px'; tbk.style.color = 'gray'; tbk.innerHTML = '發表時間:' + nian + '-' + (dt+1) + '-' + r + '&nbsp;' + shi + ':' + fen; document.getElementsByClassName(’allFather’)[0].style.display = 'none'; bt.value = '請輸入標題(1-60個字符)'; jio.value = ''; bk[0].selected = true; } </script></html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
亚洲激情精品| 亚洲精品国产日韩| 中文亚洲欧美| 在线看片福利| 国产精品夜夜夜| 四虎国产精品免费久久| 成人国产综合| 精品不卡一区| 免费一级欧美片在线观看网站| 亚洲乱亚洲高清| 一区在线免费| 99riav国产精品| 欧美日韩国产亚洲一区| 999久久久91| 日本精品不卡| 亚洲精品一级二级| 国产精品蜜芽在线观看| 精品一级视频| 日韩成人精品一区二区| 色综合狠狠操| 国产+成+人+亚洲欧洲在线| 国产乱子精品一区二区在线观看 | 国产精品视频首页| 国产乱码精品一区二区三区亚洲人 | 日韩国产高清在线| 日本v片在线高清不卡在线观看| 天堂va蜜桃一区二区三区| 91精品一区国产高清在线gif | 成人羞羞视频播放网站| 日韩在线不卡| 免费精品国产的网站免费观看| 成人久久久久| 欧洲激情综合| 蜜桃av一区二区三区电影| 蜜臀av一区二区在线免费观看 | 国产精品xxx在线观看| 久久香蕉精品| 亚洲精品四区| 国产精品亲子伦av一区二区三区 | 免费久久久久久久久| 国产精品婷婷| 91欧美日韩在线| 成人在线视频免费看| 日韩精品欧美| 免费日韩一区二区| 日韩国产在线一| 日本成人在线网站| 久久99蜜桃| 欧美精品高清| 亚洲欧美久久| 国产精品国码视频| 亚洲人成在线网站| 欧美综合国产| 国产精品欧美三级在线观看 | 91成人福利| 久久精品国产久精国产爱| 麻豆精品蜜桃| 蜜桃伊人久久| 青青草国产精品亚洲专区无| 国产精品va| 久久国产电影| 亚洲综合丁香| 精品国产黄a∨片高清在线| 在线观看精品| 亚洲精品一二| 在线看片国产福利你懂的| 伊人精品视频| 快播电影网址老女人久久| 免费久久久久久久久| 欧美日韩99| 99久久亚洲精品蜜臀| 91精品一区| 欧美日韩一二三四| 日韩一二三区在线观看| 福利视频一区| 伊人久久亚洲| 在线天堂中文资源最新版| 国产视频一区三区| 国产精品黄色| 老鸭窝毛片一区二区三区| 久久精品亚洲一区二区| 欧美女激情福利| 精品一区不卡| 日韩精品一级二级| 日韩精品永久网址| 亚洲精品日本| 亚洲一级特黄| 精品一区二区三区在线观看视频| 婷婷综合六月| 日本不卡的三区四区五区| 久久男人av资源站| 日韩精品一二区| 亚洲伊人av| 欧美片第1页综合| 激情91久久| 亚洲精品乱码| 亚洲一区二区三区四区五区午夜 | 加勒比视频一区| 亚洲精品在线a| 国产综合视频| 国产福利片在线观看| 日韩av午夜在线观看| 在线综合视频| 九九综合九九| 日韩精品午夜| 日韩中文欧美| 久久久久久色 | 黄色国产精品| 超级白嫩亚洲国产第一| 日韩三级精品| 免费观看在线综合色| 亚洲午夜91| 欧美一区二区三区激情视频| а√天堂中文在线资源8| 日本视频在线一区| 亚洲网址在线观看| 99在线观看免费视频精品观看| 在线天堂中文资源最新版| 国产精品多人| 亚洲资源网站| 视频一区二区三区中文字幕| 欧美亚洲日本精品| 国产情侣久久| 蜜臀精品一区二区三区在线观看| 激情综合在线| 99久久99视频只有精品 | 国产亚洲一区在线| 免费观看久久av| 黄色不卡一区| 天堂8中文在线最新版在线| 日本国产亚洲| 日韩**一区毛片| 日韩成人午夜精品| 亚洲麻豆一区| 日韩av不卡一区二区| 日韩毛片网站| 国产乱码精品一区二区三区四区 | 欧美日本三区| 国产精品115| 精品免费av| 精品国产亚洲一区二区三区大结局 | 欧美69视频| 日韩久久精品网| 国产成人精品一区二区三区视频 | 午夜日本精品| 免费久久99精品国产自在现线| 免费观看久久久4p| 国产日产高清欧美一区二区三区| 国产一区二区三区久久久久久久久| 国产一区久久| 国产精品一区高清| 91精品一区二区三区综合在线爱 | 蜜桃精品在线| 日本欧美韩国一区三区| 久久中文字幕av| 欧美精品中文| 国产精品美女久久久浪潮软件| 国产精品天天看天天狠| 999国产精品永久免费视频app| 日韩精品导航| 国产真实久久| 国产毛片精品| 亚洲国产一区二区三区在线播放| 国产精品啊啊啊| 久久亚洲一区| 久久久久99| 国产黄色一区| 一区二区三区网站| 91九色精品国产一区二区| 久久精品女人| 日韩和欧美的一区| 在线午夜精品| 亚洲成人av观看| 美女av一区| 日韩精品福利一区二区三区| 亚洲激情国产| 日韩大片在线观看| 美女国产一区二区三区| 亚洲69av| 男人的天堂久久精品| 91精品在线观看国产| 精品视频一区二区三区四区五区| 天堂久久一区| 中文不卡在线| 国产精品社区| 午夜欧美视频| 欧美99久久| 久久蜜桃精品| 亚洲最新无码中文字幕久久| 国产精品红桃| 国产精品亚洲二区| 亚洲欧美久久精品| 亚洲女同中文字幕| 久久精品电影| 亚洲成人二区| 精品在线91| 国产精品女主播一区二区三区| 国产99久久| 99久久激情| 韩日一区二区三区|