「Ele-Cat」百度三下

基础-百度三下

// ==UserScript==
// @name         「Ele-Cat」百度三下
// @namespace    https://ele-cat.gitee.io/
// @version      0.0.1
// @description  基础-百度三下
// @author       Ele-Cat
// @match        https://www.baidu.com/
// @grant        none
// ==/UserScript==

(function () {
    "use strict";
    console.log("我的脚本加载了");
    let button = document.createElement("button"); //创建一个input对象（提示框按钮）
    // 修改button的一系列属性
    button.id = "id001";
    button.textContent = "百度三下";
    button.style.width = "108px";
    button.style.height = "44px";
    button.style.align = "center";
    button.style.background = "#4e6ef2";
    button.style.color = "#fff";
    button.style.lineHeight = "45px";
    button.style.padding = "0";
    button.style.borderRadius = "0 10px 10px 0";
    button.style.fontSize = "17px";
    button.style.boxShadow = "none";
    button.style.fontWeight = 400;
    button.style.border = "none";
    button.style.outline = 0;
    //绑定按键点击功能
    button.onclick = function () {
        console.log("点击了按键");
        //为所欲为 功能实现处
        if (document.getElementById("kw").value) {
            window.open(
                `https://www.baidu.com/s?wd=${document.getElementById("kw").value}`,
                "_self"
            );
        }
        return;
    };
    //绑定鼠标移入事件
    button.onmouseenter = function () {
        console.log("鼠标移入按钮");
        button.style.background = "#4662d9";
        return;
    };
    //绑定鼠标移出事件
    button.onmouseleave = function () {
        console.log("鼠标移出按钮");
        button.style.background = "#4e6ef2";
        return;
    };
    let btnBox = document.getElementsByClassName("bg s_btn_wr")[0]; //getElementsByClassName 返回的是数组，所以要用[] 下标
    //在浏览器控制台可以查看所有函数，ctrl+shift+I 或 F12 调出控制台，在Console窗口进行实验测试
    btnBox.appendChild(button);
})(); //(function(){})() 表示该函数立即执行