admin 管理员组文章数量: 893664
自动回复代码分享
// ==UserScript==
// @name 自动回复(超简版,带详细注释)
// @namespace /
// @version 0.1.0
// @description 自动回复ggnb!!!
// @author 张仨
// @grant unsafeWindow
// @grant GM_addStyle
// @match /*
// ==/UserScript==
(function () {
'use strict';
var div = document.querySelector('.kmstt'); //搜寻元素
div.insertAdjacentHTML('afterend', '<a class="button">自动回复</a>');
/*
*insertAdjacentHTML() 方法将指定的文本解析为 Element 元素,并将结果节点插入到DOM树中的指定位置。
*它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。
*这避免了额外的序列化步骤,使其比直接使用innerHTML操作更快。
*'beforebegin':元素自身的前面。
*'afterend':元素自身的后面。
*'afterbegin':插入元素内部的第一个子节点之前。
*'beforeend':插入元素内部的最后一个子节点之后。
*/
//监听按钮点击事件
document.querySelector('.button').onclick = function () {
document.querySelector('#fastpostmessage').value = 'ggnb!!!';
document.querySelector('#fastpostrefresh').checked = true
document.querySelector('#fastpostsubmit').click()
}
})();
//设置css样式,这里简单设置其中几项属性,其他继承父元素
GM_addStyle(`
.button {
background: #34c0f1 !important; /*加上!important提高等级,避免被原网页css覆盖*/
cursor: pointer; /*鼠标放上去变成小手*/
margin-top: 10px; /*上外边距,跟元素自身拉开间距*/
transition: background 0.5s; /*过渡效果,注意浏览器兼容性*/
}
.button:hover{
background: #3fd1b2 !important; /*:hover CSS伪类,鼠标悬停效果,这里是鼠标放上去就变色*/
}
`)
本文标签: 自动回复代码分享
版权声明:本文标题:自动回复代码分享 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1688189980h190002.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论