CSS

  1. (function()
  2.  {
  3.   "use strict";
  5.   setTimeout(function()
  6.              {
  7.     //alert("设置按键")
  8.     var buttonExport = document.createElement("button"); //创建一个按钮
  9.     buttonExport.textContent = "导出"; //按钮内容
  10.     buttonExport.style.width = '66px'; //按钮宽度
  11.     buttonExport.style.height = '32px'; //按钮高度
  12.     buttonExport.style.color = '#130c0e'; //按钮文字颜色
  13.     buttonExport.style.background = '#d7134566'; //按钮底色
  14.     buttonExport.style.borderRadius = '6px'; //按钮四个角弧度
  15.     buttonExport.style.border = '3px none';
  17.     var strURL = window.location.href;
  18.     var strURL_Export
  19.     var nameClass
  20.     var eleButton
  21.     var arrElementsByClassName
  23.     //浏览页面的“…”元素名
  24.     var strClassNameInView = "favor-wrapper"
  27.     //alert("浏览页面")
  28.     arrElementsByClassName = document.getElementsByClassName(strClassNameInView)
  29.     var lenArr = arrElementsByClassName.length
  30.     debugger
  31.     if (lenArr)
  32.     {
  33.       eleButton = arrElementsByClassName[0];
  34.     }
  35.     else
  36.     {
  37.       alert("未找到指定类名，请检查是否类名被修改")
  38.       //eleButton = document.getElementsByClassName("header-action-item header-action-item-more")[0];
  39.     }
  41.     eleButton.appendChild(buttonExport);
  42.     //alert("已添加按键")
  44.     buttonExport.onclick = function ()
  45.     {
  46.       //alert("绑定按键点击功能")
  47.       //strURL_Export = strURL + "/markdown?attachment=true&latexcode=false&anchor=true&linebreak=true"
  48.       //window.open(strURL_Export);
  49.     };
  50.   },2000)//2秒后执行
  51. })();
  52. })}})(that.context, that.fapply, that.console);
  53. //# sourceURL=chrome-extension://iikmkjmpaadaobahmlepeloendndfphd/userscript.html?name=YYYHC.user.js&id=069a07f5-e48f-46bd-87f5-0b7949a9bff9
  54. })((()=>{const k="__u__2221943.7801965578",r=this[k];delete this[k];return r;})())

button

<举个例子>

  1. var buttonExport = document.createElement("button"); //创建一个按钮
  2.         buttonExport.textContent = "导出"; //按钮内容
  3.         buttonExport.style.width = '66px'; //按钮宽度
  4.         buttonExport.style.height = '32px'; //按钮高度
  5.         buttonExport.style.color = 'white'; //按钮文字颜色
  6.         buttonExport.style.background = 'purple'; //按钮底色
  7.         buttonExport.style.borderRadius = '6px'; //按钮四个角弧度
  8.        buttonExport.style.border = '0px none'; //去边框

颜色问题

通过颜色名

  1.         buttonExport.style.color = 'white'; //按钮文字颜色
  2.         buttonExport.style.background = 'purple'; //按钮底色

十六进制

  1.     buttonExport.style.color = '#000000'; //按钮文字颜色
  2.         buttonExport.style.background = '#00F5FF'; //按钮底色

透明度

透明度十六进制表示法

  • 100-FF
  • 95-F2
  • 90-E6
  • 85-D9
  • 80-CC
  • 75-BF
  • 70-B3
  • 65-A6
  • 60-99
  • 55-8C
  • 50-80
  • 45-73
  • 40-66
  • 35-59
  • 30-4D
  • 25-40
  • 20-33
  • 15-26
  • 10-1A
  • 5-0D
  • 0-00
    1.   buttonExport.style.color = '#00000066'; //按钮文字颜
    2.       buttonExport.style.background = '#00F5FF66'; //按钮底色
    3.   40%透明度

    通过RGB

    1.   buttonExport.style.color = "color:rgb(254,255,255)"; //按钮文字颜色
    2.       buttonExport.style.background = "color:rgb(255,255,255)"; //按钮底色

    IF

    1. //alert("浏览页面")
    2.   arrElementsByClassName = document.getElementsByClassName(strClassNameInView)
    3.   var lenArr = arrElementsByClassName.length
    4.   debugger
    5.   if (lenArr)
    6.   {
    7.     eleButton = arrElementsByClassName[0];
    8.   }
    9.   else
    10.   {
    11.     alert("未找到指定类名，请检查是否类名被修改")
    12.     //eleButton = document.getElementsByClassName("header-action-item header-action-item-more")[0];
    13.   }
    IF
    ELSE
    二选一
    当lenArr不为0时
    执行IF
    否则执行ELSE(如图)
    cf6fe6b7da072aeee646c740a477492.png
    //为当前行的代码不执行