// ==UserScript== // @name 页面添加元素 // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author Mr.Chen // @match http:/xxxxxxxx:xxxx/* // @icon // @grant none // @run-at document-end // ==/UserScript== (function() { 'use strict'; //设置延时加载（避免添加的元素显示报错显示不出来） setTimeout(function(){ //创建页面元素（按钮） let wwlBtn=document.createElement("button"); //按钮显示文本 wwlBtn.innerText="wwl账号登录"; //设置背景色 wwlBtn.style.background="#FC6B1B"; //设置文本颜色 wwlBtn.style.color="#fff"; //去除按钮边框 wwlBtn.style.border="none"; //设置按钮高度 wwlBtn.style.height="46px"; //设置按钮宽度 wwlBtn.style.width="100%"; //设置按钮类型（必须、必须、必须，否则点击按钮页面会重新刷新） wwlBtn.type = "button"; //设置圆角 wwlBtn.style.borderRadius="5px"; //按钮点击事件 wwlBtn.onclick=function(){ //以下三条new Event()解决文本框有内容，但点击登录时未检测到文本框内容的情况（感谢天才少年李恒道，油猴的王 一之提供的教程和解决办法，ggnb! cxxjackie牛逼！） //聚焦 var focus = new Event('focus'); //输入内容 var input = new Event('input'); //失去焦点 var blur = new Event('blur'); //获取用户名文本框 var username = document.getElementsByName('username')[0]; //设置用户名 username.value = 'wwl'; //以下三条为自定义事件的触发dispatchEvent username.dispatchEvent(focus); username.dispatchEvent(input); username.dispatchEvent(blur); //获取密码文本框 var password = document.getElementsByName('password')[0]; //设置密码 password.value = '123456' //以下三条为自定义事件的触发dispatchEvent password.dispatchEvent(focus); password.dispatchEvent(input); password.dispatchEvent(blur); //模拟点击事件 document.querySelector('.el-button.btn_login_class').click(); }; //获取定位元素 let share=document.querySelector('.btn_login_class'); //在定位的元素前插入按钮 share.parentElement.insertBefore(wwlBtn,share); })();