用戶添加評論小程序

阿新 • • 發佈：2017-09-23

ren ner new onclick side absolut 評論 tex res

這個是偶然打開JS 時，看到了這個界面，然後想加點東西上去，便做了這個小功能

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>網頁追加評論</title>
        <style type="text/css">
            #outside {
                width: 1000px;
                margin: 0 auto;
                border 
: 1px solid #E7EAEE;
                overflow: hidden;
                padding-bottom: 15px;
            }
            
            #outside h3 {
                width: 95%;
                margin: 15px auto;
                padding-bottom: 10px;
                border-bottom: 1px solid #E7EAEE;
                font-family 
: "宋體", sans-serif;
            }
            
            #outside .comment1 {
                width: 95%;
                margin: 10px auto;
                color: #BBBBBB;
                font-size: 12px;
                border-bottom: 1px dashed #E7EAEE;
                font-family: "宋體", sans-serif 
;
                position: relative;
            }
            
            #outside .comment1 time {
                float: right;
            }
            
            #outside .comment1 span {
                color: #5979B2;
                margin-left: 5px;
                font-weight: bold;
            }
            
            #outside .comment1 p {
                font-size: 16px;
                color: black;
            }
            
            #zan{
                width: 60px;
                position: absolute;
                right: 65px;
                bottom: 16px;
            }
            
            #zan img {
                width: 16px;
                height: 16px;
                
                position: absolute;
                bottom: 0;
            }
            
            #zan span {
                color: #97D6C0;
                font-size: 12px;
                font-weight: bold;
                
                position: absolute;
                left: 21px;
                bottom: 0;
            }
            
            #comment1 #span11{
                font-size: 12px;
                letter-spacing: 2px;
                color: #BBBBBB;
                cursor: pointer;
                
                position: absolute;
                right: 35px;
                bottom: 17px;
            }
            
            #outside h4 {
                width: 95%;
                margin: 15px auto;
                color: #404E73;
                font-size: 16px;
                font-weight: bold;
                font-family: "宋體", sans-serif;
            }
            
            #outside #addComment {
                width: 95%;
                margin: 0 auto;
                font-size: 12px;
                color: #BBBBBB;
            }
            
            #outside #name {
                width: 200px;
                border: 1px solid #D9E2EF;
            }
            
            #outside #comContent {
                width: 800px;
                height: 100px;
                resize: none;
                border: 1px solid #D9E2EF;
                vertical-align: text-top;
            }
            
            #outside button {
                width: 100px;
                height: 30px;
                background-color: #2D46A3;
                color: white;
                border: hidden;
                float: right;
                margin: 15px 100px;
            }
        </style>
    </head>

    <body>

        <div id="outside">
            <h3>最新平均</h3>

            <div id="comment">
                <div id="comment1" class="comment1">
                    騰訊網友
                    <span>123</span>
                    <time>2010年10月5日 19:21:12</time>
                    <p>
                        123
                    </p>
                    <div id="zan" class="zan1" onclick="test(this)">
                        <img src="img/zanb.png" class="img1"/>
                        <span id="span1"></span>
                        <!--<span id="span11" class="span11">回復</span>-->
                    </div>
                    <span id="span11" class="span11">回復</span>
                </div>
            </div>

            <h4>發表評論</h4>

            <div id="addComment">
                昵&nbsp;&nbsp;&nbsp;&nbsp;稱：<input type="text" id="name" />
                <br /><br /> 評論內容:
                <textarea id="comContent"></textarea>

                <button onclick="addComment()">提交評論</button>
            </div>
        </div>

        <script type="text/javascript">
            var id = 1;
            var span1 = document.getElementById("span1");
            

            function addComment() {
                var name = document.getElementById("name").value;
                var comContent = document.getElementById("comContent").value;
                if(name == "" || comContent == "") {
                    alert("用戶名和評論內容不可為空!");
                    return;
                }

                
                id++;
                var dates = new Date();
                var year = dates.getFullYear();
                var month = dates.getMonth();
                var date1 = dates.getDate();
                var hours = dates.getHours() < 10 ? "0" + dates.getHours() : dates.getHours();
                var minutes = dates.getMinutes() < 10 ? "0" + dates.getMinutes() : dates.getMinutes();
                var seconds = dates.getSeconds() < 10 ? "0" + dates.getSeconds() : dates.getSeconds();
                
                var comment1 = document.getElementById("comment1");
                var comments = document.getElementById("comment");
                var clone = comment1.cloneNode(true);
                clone.getElementsByTagName("span")[0].innerText = name;
                clone.getElementsByTagName("time")[0].innerText = year + "年" + (month + 1) + "月" + date1 + "日  " + hours + ":" + minutes + ":" + seconds;
                clone.getElementsByTagName("p")[0].innerText = comContent;
                clone.getElementsByTagName("span")[1].setAttribute("id", "span" + id);
                clone.getElementsByTagName("span")[1].innerText = 0;
                clone.getElementsByTagName("img")[0].setAttribute("class", "img" + id);
                clone.getElementsByTagName("img")[0].setAttribute("src", "img/zanb.png");
                clone.getElementsByTagName("img")[0].parentNode.setAttribute("class", "zan" + id);
                
                clone.setAttribute("id", "comment" + id);
                comments.appendChild(clone);

                document.getElementById("name").value = "";
                document.getElementById("comContent").value = "";
            }
            
            //點贊
            var span1 = document.getElementById("span1");
            window.onload = function(){
                span1.innerText = this.localStorage.count?this.localStorage.count:0;
            }
           
            var count=0;
            function test(that){
                count++;
                if(count%2!=0) {
                    that.getElementsByTagName("img")[0].setAttribute("src","img/zanh.png");
                    that.getElementsByTagName("span")[0].innerText = parseInt(that.getElementsByTagName("span")[0].innerText)+1;
                }
                
                else{
                    that.getElementsByTagName("img")[0].setAttribute("src","img/zanb.png");
                    that.getElementsByTagName("span")[0].innerText = parseInt(that.getElementsByTagName("span")[0].innerText)-1;
                }
                
            }
            
        </script>
    </body>

</html>

這個可以動態獲取用戶評論時間，一個簡單的點贊功能

用戶添加評論小程序

ren ner new onclick side absolut 評論 tex res 這個是偶然打開JS 時，看到了這個界面，然後想加點東西上去，便做了這個小功能 <!DOCTYPE html> <html> <head>

群用戶通過微信小程序可以更好地協作了

bug space 隱藏針對簡單完整 script 寬度 table 　　今天，小程序向開發者開放了群ID的接口能力。簡單地說，就是當你把小程序分享在群聊中，被點擊後開發者可獲取群ID和群名稱，也方便更好地針對群場景提供個性化服務。不同的群有各自的群ID，那麽這個新能

MariaDB 密碼，新用戶添加

date host iad 設置沒有輸入 reat local values 修改root密碼1.以root身份在終端登陸(必須)2.輸入 mysqladmin -u root -p password ex後面的 ex 是要設置的密碼3.回車後出現 Enter pass

Linux下將用戶添加到sudoers中

http his root密碼配置 not in rep 希望輸入密碼 -h Linux默認是沒有將用戶添加到sudoers列表中的，需要root手動將賬戶添加到sudoers列表中，才能讓普通賬戶執行sudo命令。 root 賬戶鍵入visudo即可進入sudo配置，

批量添加域用戶，並將用戶添加到指定組。

批量添加用戶批量修改組批量向組中添加用戶 @echo off for /f "skip=1 eol=; tokens=1-9 delims=, " %%a in (c:\1.csv) do dsadd user cn=%%a,ou=user,ou=horizon,dc=pvs,dc=com

Linux 中將用戶添加到組的指令

url pac 用戶添加 lin tps 用戶 usermod http apache Linux 中將用戶添加到組的指令學習了： https://www.cnblogs.com/jxhd1/p/6528574.html 使用root登錄；使用了： # usermo

CentOS為普通用戶添加root權限，以便正常使用sudo命令

這一 bsp name 配置文件 blog sudo 通用 gpo oot su　　#先變更為root用戶 visudo　　#打開配置文件找到“root ALL=(ALL) ALL”這一行，然後在其下新添加一行，類似這樣： YourUserName　　ALL=(AL

Oracle安裝時，已有oracle用戶，將用戶添加到oinstall和dba用戶組

添加到oinstall和dba用戶組usermod -g oinstall -G dba -d /home/Oracle Oracle-g為指定用戶的主要組為oinstall組-G為指定用戶的次要組為dba組-d為指定用戶的主目錄語句詳細定義為將Oracle用戶的主要組指定為oinstall次要組指定為dba

批量創建用戶添加隨機密碼

sed useradd passwd1、批量創建用戶user01-user10#seq -w 10|sed -r "s/(.*)/useradd user\1/g"|bash 2、-r和\1的分析-r, --regexp-extended use extended regul

如何讓精準用戶知道我們的小程序？微信小程序帶給門店商家什麽？

IT 頁面自身無需動態電商使用互聯源碼在4月的騰訊“互聯網+”數字峰會上，微信透露了一個數據：能夠切實解決用戶痛點的小程序七日留存接近30%。而這類微信小程序基本都已經讓用戶完成了品牌認知，用戶會從微信任務欄或者歷史列表中主動找到它們，然後重復使用。小程

Linux中給普通用戶添加sudo權限

sudoer 輸入密碼添加保存超級用戶普通行操作撤銷系統使用Linux系統時，經常會被要求使用超級權限，但是root的權限太過大了，一般慎用！！！因此可以通過給普通用戶添加sudo權限，平常用普通用戶進行操作，當需要root權限的時候進行sudo操作。以下為

微信小程序用戶身份-微信小程序前端開發工具

png 聯系 tro 文字前端 clas 無需回退 .com 一個團隊進行小程序的開發，那麽團隊成員的身份管理是很有必要的。管理員可在小程序管理後臺統一管理項目成員（包括開發者、體驗者及其他成員）、設置項目成員的權限，包括：開發者/體驗者權限、登錄小程序管理後臺、

把域普通用戶添加到本地管理員組的2種方法

桌面加域普通用戶 mage 通過組策略用戶桌面環境管理在虛擬桌面環境中，經常會有這種需求，就是用域普通用戶登陸虛擬桌面後，無法在桌面上安裝任何應用程序和做任何系統配置，原因是使用了域中的普通用戶登陸虛擬桌面後，該用戶沒有虛擬桌面本地管理員組（administr

Linux將用戶添加到組的指令

ping oam 針對 nds 行修改找到 vdp mas 查看系統原文：https://blog.csdn.net/youmatterhsp/article/details/80549683；　　　　　　　　　　　 https://www.cnblog

高德地圖調用和添加標註

高德 lang 這樣的 top 工具欄展示 nbsp 自己 java 看過高德地圖API的同學都知道，高德地圖不同端調用是不一樣的，作為一個前端菜鳥，前一陣分別在pc端和移動端分別調用了高德地圖。情況是這個樣子的，PC端呢我們可以用高德API的web端的javascrip

給文件夾右鍵菜單添加自定義程序並打開此文件夾

tro 打開 class .exe 路徑 clas code 準備初級 win+r 打開運行程序，輸入regedit打開註冊表編輯器先備份當前註冊表然後找到 HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\shell 目錄

用CSS添加選中文字的背景色

logs ima 文字 http css 技術 .cn png 分享用CSS添加選中文字的背景色

添加底部小火箭

nav wid borde 標題 Language .html 裏的 label style 1.添加返回小火箭頁腳Html代碼 <span id="back-to-top"><a href="#top"><img src="htt

用JavaScript添加選擇按鈕的背景顏色和juqery添加選擇按鈕的背景色

fun function repeat eat lib chan func 1.5 ++ 在項目開發中經常遇到要選擇的按鈕，選擇完之後被選擇的按鈕的背景色會發生變化，表示被選擇樣式圖如下：每點擊一個數字，相應的背景色變為藍色，其他的依舊是白色，先用JavaScript

用cmd添加表

int name not null class describe rem desc arc scribe use class1; create table user2( -> id int auto_increment primary key, ->

用戶添加評論小程序

相關推薦