博客留言评论自动填写个人信息/通用版

2016年 8月 10日弋牧

今天整理了一下通过 Javascript 代码存为书签来自动填写评论表单使用的方法.

我们在访问网站时，看到一篇文章，想发表评论时，是否经常要在评论框里手动填写自己的昵称、E-mail 和网址等留言评论信息？重复的打字会让我们感到很乏味。

为了解决这个问题，在网上搜索相关资料，找到了很多使用 Javascript 代码的教程方法文章，操作方法是将这段代码作为书签的 URL 字段保存在书签栏中，即可实现点击书签栏上的按钮自动填充自己的信息。

因为网上的所有方法都有很大缺陷，他们不能实现跨平台跨网站，也就是说，可能适用于wordpress、Typecho、zblog和emlog等平台中的一个或几个，但都不能全部通用！

这里介绍的就是全平台全网通用的留言评论自动填写个人信息方法！

先列一下目前流行的自动填写个人信息的几个 javascript 书签代码。

第一种

支持wordpress博客平台。

javascript:document.getElementById('author').value='弋牧';document.getElementById('mail').value='i@mail.emuia.com';document.getElementById('url').value='http://emuia.com';void(0)

第二种

貌似支持zblog和wordpress博客的留言

javascript: void function() { var formArray = ["commentform", "comment_form","frmSumbit"], nameArray = ["author", "author", "inpName"], emailArray = ["email", "mail", "inpEmail"], urlArray = ["url", "url", "inpHomePage"]; for (i = 0; i < formArray.length; i++) { var form = document.getElementById(formArray[i]); if (form != null) { var name = document.getElementById(nameArray[i]), email = document.getElementById(emailArray[i]), url = document.getElementById(urlArray[i]); name != null && (name.value = "弋牧"), email != null && (email.value = "i@mail.emuia.com"), url != null && (url.value = "http://emuia.com"); break } } return ! 1 } ()

第三种

据说能解决WordPress, Z-Blog, Typecho, Emblog四种博客程序的评论填充问题

javascript: var myName = "弋牧",
myEmail = "i@mail.emuia.com",
myUrl = "http://emuia.com";
function fillForm(r, e, m, t) {
    if (null != r) {
        var n = document.querySelector(r);
        if (null == n) return ! 1
    }
    var u = document.querySelector(e);
    if (null == u) return ! 1;
    u.setAttribute("value", myName);
    var l = document.querySelector(m);
    if (null != l) {
        l.setAttribute("value", myUrl);
    }
    var o = document.querySelector(t);
    return null == o ? !1 : (o.setAttribute("value", myEmail), !0)
}; [function() {
    return fillForm("#commentform", "#author", "#url", "#email")
},
function() {
    return fillForm("#comment_form", "#author", "#url", "#mail")
},
function() {
    return fillForm("#frmSumbit", "#inpName", "#inpHomePage", "#inpEmail")
},
function() {
    return fillForm("#commentform", 'input[name="comname"]', 'input[name="comurl"]', 'input[name="commail"]')
}].some(function(r) {
    return r()
});

以上几种 javascript 书签代码具体适用于一个或几个平台，大家可以自己试下效果。

下面介绍“全平台全网通用的博客网站留言评论自动填写个人信息方法”，真正的懒人必备…

通用版

javascript: void
function() {
    var lauthor = ["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name","#name"],
	lmail =["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email","input[name='mail']"],
	lurl =["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']","#website"];
    for (i = 0; i < lauthor.length; i++) {
        var author = document.querySelector(lauthor[i]);
        if (author != null) {
            author.value = '弋牧';
            break;
        }
    }
    for (j = 0; j < lmail.length; j++) {
        var mail = document.querySelector(lmail[j]);
        if (mail != null) {
            mail.value = 'i@mail.emuia.com';
            break;
        }
    }
    for (k = 0; k < lurl.length; k++) {
        var url = document.querySelector(lurl[k]);
        if (url != null) {
            url.value = 'http://emuia.com';
            break;
        }
    }
    return ! 1;
} ()

代码说明

lauthor、lmail和lurl中引号””里面的内容即为需要填写的评论留言框 input 元素里面的对应id、class或标签等，如遇到不能自动填写的博客网站，可以右键“审查元素”根据各个博客网站评论留言框 input 元素的相关变化在上述代码相关地方进行增删修改！

使用方法

将本页添加到收藏夹保存为书签；
右键刚刚创建的书签，选择“编辑”或“属性”；
将“名称”一栏改为“一键填写留言评论信息”（见名知意即可，名称可换成其它的），并将“网址”或“地址”或“url”一栏原有的网址链接替换成上述javascript代码（代码里面的相关个人信息改为自己的哦~~），确定即可。
以后遇到留言评论时，点一个这个书签即可自动一键填写个人信息！