使用油猴脚本在网页中插入按键_u010598445的专栏-CSDN博客
yzbx 于 2020-09-30 10: 2022-2-6 22:53:24 Author: blog.csdn.net(查看原文) 阅读量:39 收藏

yzbx 于 2020-09-30 10:24:11 发布 3645 收藏 6

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

  • 测试环境 chrome 浏览器 + 暴力猴插件 + www.baidu.com
  • 懂javascript 与 jquery
// ==UserScript==
// @name test
// @namespace AceScript Scripts
// @match https://www.baidu.com/
// @grant none
// ==/UserScript==

(function () {
	'use strict';
	console.log('我的脚本加载了');
	var button = document.createElement("button"); //创建一个input对象(提示框按钮)
	button.id = "id001";
	button.textContent = "百度二下";
	button.style.width = "60px";
	button.style.height = "20px";
	button.style.align = "center";

	//绑定按键点击功能
	button.onclick = function (){
		console.log('点击了按键');
        //为所欲为 功能实现处
		alert("你好");
		return;
	};
  
    var x = document.getElementsByClassName('btn_wr s_btn_wr bg')[0];
    //在浏览器控制台可以查看所有函数,ctrl+shift+I 调出控制台,在Console窗口进行实验测试
	x.appendChild(button);
    
    //var y = document.getElementById('s_btn_wr');
    //y.appendChild(button);
})();

文章来源: https://blog.csdn.net/u010598445/article/details/108880602
如有侵权请联系:admin#unsafe.sh