首页 / WordPress函数讲解 / 博客网站留言评论自动填写个人信息方法，新增自动填充脚本（全平台全网通用）

博客网站留言评论自动填写个人信息方法，新增自动填充脚本（全平台全网通用）

    • 珂李斯

    发布于

    by

    我们在访问网站时，看到一篇文章，想发表评论时，是否经常要在评论框里手动填写自己的昵称、E-mail 和网址等留…

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

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

    .singlemiddle-banner{margin-left:auto;margin-right:auto;overflow: hidden;}

    博客网站留言评论自动填写个人信息方法，新增自动填充脚本（全平台全网通用）

    今天，龙笑天下要介绍的也是同样的方法，把 Javascript 代码存为书签来使用，但又有很大的不同，因为网上的所有（至少我搜索到的…）方法都有很大缺陷，他们不能实现跨平台跨网站，也就是说，可能适用于 wordpress、Typecho、zblog 和 emlog 等平台中的一个或几个，但都不能全部适用！我这里介绍的就是全平台全网通用的留言评论自动填写个人信息方法！

    介绍本文的方法之前，我先列一下目前流行的自动填写个人信息的几个 javascript 书签代码。

    第一种

    忘记出自哪里了…支持 wordpress 博客平台。经过 @成航先森 的提醒，找到了来源 @张戈博客 

    javascript:document.getElementById('author').value='龙笑天';document.getElementById('mail').value='666666666@qq.com';document.getElementById('url').value='https://www.ilxtx.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="666666666@qq.com"),url!=null&&(url.value="https://www.ilxtx.com");break}}return!1}()

    第三种

    据说能解决 WordPress, Z-Blog, Typecho, Emblog 四种博客程序的评论填充问题，摘自 @土木坛子 

    javascript: var myName = "龙笑天",
myEmail = "666666666@qq.com",
myUrl = "https://www.ilxtx.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 书签代码具体适用于一个或几个平台，大家可以自己试下效果，文章结尾有各个平台的链接，大家也可以现在就去试下自己正在使用的 js 书签代码能正常使用在几个平台！

    相信大家试了下效果后，就能看出以上代码存在的问题了，下面龙笑天下就来介绍“全平台全网通用的博客网站留言评论自动填写个人信息方法”，真正的懒人必备…

    全网全平台通用版

    20160525：增加网站支持；
    20150518：简化了代码； 

    // By 龙笑天下 https://www.ilxtx.com/automatically-fill-in-personal-information.html
javascript: void
function() {
    var lauthor = ["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name","#name","input[name='nick']","#comment_author"],
	lmail =["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email","input[name='mail']","#comment_email"],
	lurl =["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']","input[name='website']","#website","input[name='link']","#comment_url"];
    for (i = 0; i

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

    友情提示：有些浏览器,如 IE 等，不能正确完整的保存代码，可修改好代码中的相关信息后，利用前端工具箱中的“JS/HTML 加密/压缩/格式化”对代码进行压缩后再保存！当然，现在也不用这么麻烦，直接使用下面的自动生成工具来生成就 OK 了~

    旧版代码

    20160517：增加支持多说评论框（需要登录的除外）。 

    
// By 龙笑天下 https://www.ilxtx.com/automatically-fill-in-personal-information.html
javascript:(function(){
var lauthor1=document.querySelector('#author');
var lauthor2=document.querySelector('input[name="comname"]');
var lauthor3=document.querySelector('#inpName');
var lauthor4=document.querySelector('input[name="author"]');
var lauthor5=document.querySelector('#ds-dialog-name');
if(lauthor1!=null){lauthor1.value='龙笑天';}
else if(lauthor2!=null){lauthor2.value='龙笑天';}
else if(lauthor3!=null){lauthor3.value='龙笑天';}
else if(lauthor4!=null){lauthor4.value='龙笑天';}
else if(lauthor5!=null){lauthor5.value='龙笑天';}

var lmail1=document.querySelector('#mail');
var lmail2=document.querySelector('#email');
var lmail3=document.querySelector('input[name="commail"]');
var lmail4=document.querySelector('#inpEmail');
var lmail5=document.querySelector('input[name="email"]');
var lmail6=document.querySelector('#ds-dialog-email');
if(lmail1!=null){lmail1.value='666666666@qq.com';}
else if(lmail2!=null){lmail2.value='666666666@qq.com';}
else if(lmail3!=null){lmail3.value='666666666@qq.com';} 
else if(lmail4!=null){lmail4.value='666666666@qq.com';}
else if(lmail5!=null){lmail5.value='666666666@qq.com';} 
else if(lmail6!=null){lmail6.value='666666666@qq.com';} 

var lurl1=document.querySelector('#url');
var lurl2=document.querySelector('input[name="comurl"]');
var lurl3=document.querySelector('#inpHomePage');
var lurl4=document.querySelector('#ds-dialog-url');
if(lurl1!=null){lurl1.value='https://www.ilxtx.com';}
else if(lurl2!=null){lurl2.value='https://www.ilxtx.com';}
else if(lurl3!=null){lurl3.value='https://www.ilxtx.com';}
else if(lurl4!=null){lurl4.value='https://www.ilxtx.com';}
})()

    代码说明：querySelector()里面的内容即为需要填写的评论留言框 input 元素里面的对应 id、class 或标签等。

    自动生成书签代码

    填写自己的个人信息，点击按钮，一键自动生成自己的书签代码：

    >>>将此链接存为书签<<<

    使用方法

    简单赘述下，具体的使用方法：

    .singlemiddle-banner{margin-left:auto;margin-right:auto;overflow: hidden;}

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

    油猴脚本自动填充版

    食用地址：博客网站留言评论信息自动填充

    效果测试

    测试平台 测试地址
    WordPress 本页评论框、点我测试
    Typecho 点我测试
    Z_blog 点我测试
    Emlog 点我测试
    多说 多说评论已于 20170601 停止服务，详见：知名第三方社会化评论系统“多说”宣布即将关闭停止服务
    其它 点我测试

    遇到不能自动填写的博客网站也可以在下面留言。如果列表中某些网站博客更换了程序或更换了评论模板等，请不佞提供相对应的平台测试链接~

    方法扩展：这个也可以应用到很多登录框的信息填写页面；如果你用的是 Firefox 或 Chrome，可以做成油猴子脚本自动填写哦~

    • 第一种
    • 第二种
    • 第三种
    • 全网全平台通用版
    • 自动生成书签代码
    • 使用方法
    • 油猴脚本自动填充版
    • 效果测试
    类别：WordPress函数讲解、

    本文收集自互联网，转载请注明来源。
    如有侵权，请联系 wper_net@163.com 删除。

    【上一篇】:

    【下一篇】:

    猜你喜欢GUESS YOU LIKE

    评论 (0)COMMENT

    登录 账号发表你的看法，还没有账号？立即免费 注册


  • 还没有任何评论，赶紧来占个楼吧！