Category: Javascript代码

油猴tampermonkey.net脚本

网站上的设计类网站虚拟水印去除

网站上的设计类网站虚拟水印去除，这是国外的一个网站，就不公布具体网址了，提供思路：
Chrome的插件：Download All Images 用它来找到水印的文件名。
网页另存，找到对应的 CSS文件 ，用sublime一次打开，搜索全部打开文件 ，找到对应的文件名的CLASS或ID。
然后控制它。

document.getElementById("watermark").style.backgroundImage ="url('')";
document.getElementById("bg").style.backgroundImage ="url('')";
document.getElementsByClassName("preview")[0].style.backgroundImage ="url('')";

javascript判断当前网址，来实现html中的right here的功能

 

            let nowUrl=this.location.pathname;
            //alert("Now page url:"+nowUrl);
            for(let i=0;i<navDom.length;i++){
                let linkUrl=navDom[i].getElementsByTagName("a")[0].getAttribute("href");
                if(nowUrl.indexOf(linkUrl)>0){
                    navDom[i].classList.replace("nav-item","active");
                }
                //alert(linkUrl);
            }

 

示例

默认选中选项卡

这个应用场景是默认选中选项卡 Custom Tabs

<span>Custom Tabs</span>

也就是说 Custom Tabs 文字加上Click()事件。

如果引入jquery，代码如下：

$("span:contains('Custom Tabs')").click();

如果不用jquery,用传统的dom技术，循环来比对，找到span的索引
代码如下：

var varSpan=document.getElementsByTagName("span");
for(var i=0;i<varSpan.length;i++){
    if(varSpan[i].textContent=="Custom Tabs"){
        varSpan[i].click();
    }
}

默认选中复选框

        var cx=document.getElementsByClassName("cbx");
        for(var i=0; i<cx.length; i++){
            //cx[i].checked=true;
            cx[i].setAttribute("checked","checked");
        }

默认选中复选框，在实际场景wordpress中setAttribute没成功，用的.checked=true的方法来实现的。

Google搜索结果弹出式窗口

Google搜索结果弹出式窗口

// ==UserScript==
// @name google popup window -write by lunji.com
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://www.google.com/*
// @grant none

(function() {
'use strict';

let aHref=document.getElementsByTagName("a");
for(let i=0;i&lt;aHref.length;i++){
aHref[i].setAttribute("target","_blank");
}
})();