天整理了一下通过 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 元素的相关变化在上述代码相关地方进行增删修改!

使用方法

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

哈哈,这个太方便了,大大增加了留言的冲动!

    @ 水Ge·PHOTO 恩,现在好多人评论都用这种快捷方式了

这个简直就是草根博客互动的神器! 😳

    @ 明月登楼学习笔记Blog 恩呢,可以省好多事

谢谢,已经采用。

    @ 挖站否 🙄 有帮助就好 😉

就喜欢这种懒人教程 :mrgreen: :mrgreen:

很不错!很早之前就开始用了

真方便 这个代码

这个不错,一个先生

    @ Siinger 💡 💡 💡 恩呢 用起方便

感谢,亲测可用

    @ 从良未遂 不谢,好用就行

这个可以有,马克!

😳 测试一下,挺好使