各位大佬问下网页插入一个DIV菜单如何作？-油猴中文网

承易发表于 2022-4-17 10:30:08

各位大佬问下网页插入一个DIV菜单如何作？

各位大佬问下网页插入一个DIV菜单如何作？
例如这样的
!(data/attachment/forum/202204/17/102939y5nuai5jji1pgjgr.png)

Ne-21 发表于 2022-4-17 10:30:09

```javascript
// ==UserScript==
// @name       New Userscript
// @match       *://*.tampermonkey.net.cn*
// @version    0.1.0
// @descriptiontry to take over the world!
// @author    You
// @run-at          document-end
// @grant             unsafeWindow
// @require          https://lib.baomitu.com/jquery/2.0.0/jquery.min.js
// ==/UserScript==

var _w = unsafeWindow,
$ = _w.jQuery || top.jQuery;

(function() {
'use strict';

// Your code here...
var box_html = `<div style="border: 2px dashed rgb(0, 85, 68); width: 330px; position: fixed; top: 50%; left: 0%; z-index: 99999; background-color: rgba(184, 247, 255, 1); overflow-x: auto;">
   <h3 style="text-align: center;">div</h3>
   <div>
   <table border="1">
         <tr>
         <th>Month</th>
         <th>Savings</th>
         </tr>
         <tr>
         <td>January</td>
         <td>$100</td>
         </tr>
   </table>
   </div>
</div>`;
   $(box_html).appendTo('body');
})();
```

Ne-21 发表于 2022-4-17 11:00:43

data:image/png;base64,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

承易发表于 2022-4-17 12:36:27

Ne-21 发表于 2022-4-17 11:00
```javascript
// ==UserScript==
// @name New Userscript

大佬就是NB

承易发表于 2022-4-17 12:59:16

Ne-21 发表于 2022-4-17 10:30
```javascript
// ==UserScript==
// @name New Userscript

大佬　文字　我加了点击链接　但没反应　如何破

Ne-21 发表于 2022-4-17 13:04:20

承易发表于 2022-4-17 12:59
大佬　文字　我加了点击链接　但没反应　如何破

给它绑定的点击事件
```javascript
// ==UserScript==
// @name       New Userscript
// @match       *://*.tampermonkey.net.cn*
// @version    0.1.0
// @descriptiontry to take over the world!
// @author    You
// @run-at          document-end
// @grant             unsafeWindow
// @require          https://lib.baomitu.com/jquery/2.0.0/jquery.min.js
// ==/UserScript==

var _w = unsafeWindow,
$ = _w.jQuery || top.jQuery;

(function() {
'use strict';

// Your code here...
var box_html = `<div style="border: 2px dashed rgb(0, 85, 68); width: 330px; position: fixed; top: 50%; left: 0%; z-index: 99999; background-color: rgba(184, 247, 255, 1); overflow-x: auto;">
   <h3 style="text-align: center;">div</h3>
   <div>
   <table border="1">
         <tr>
         <th>Month</th>
         <th>Savings</th>
         </tr>
         <tr>
         <td id="baidu">跳转百度</td>
         <td id="price">$100</td>
         </tr>
   </table>
   </div>
</div>`;
   $(box_html).appendTo('body');

$('#price').on('click',function(){
   alert("被点击了")
})
$('#baidu').on('click',function(){
   _w.location.href = "https://baidu.com"
})
})();
```

承易发表于 2022-4-17 13:12:17

Ne-21 发表于 2022-4-17 13:04
给它绑定的点击事件
```javascript
// ==UserScript==

哈哈 NB 又学会了谢谢大佬

承易发表于 2022-4-17 14:07:58

Ne-21 发表于 2022-4-17 13:04
给它绑定的点击事件
```javascript
// ==UserScript==

$('#baidu').on('click',function(){
   _w.location.href = "https://baidu.com"
})

在这个中打开链接后，延迟3秒在打开上面链接中的某一个链接设置完没用，加了弹出消息也没反应

      // _w.setTimeout("ok1()",5000);//这个执行外部函数也没用

      _w.setTimeout(function () {
            var biaoti=document.querySelector("#readme > div.Box-body.px-5.pb-5 > article > p:nth-child(3) > a").title;
   location.href = biaoti;
            alert("2被点击了")
}, 2000);

肯定是我写的有问题但是什么问题请看下

Ne-21 发表于 2022-4-17 14:52:30

承易发表于 2022-4-17 14:07
$('#baidu').on('click',function(){
_w.location.href = "https://baidu.com"
})

_w.location.href = "https://baidu.com"
直接打开新窗口了，你就不能在操作原来的窗口了，说实话，没看懂你这说的是啥意思

Ne-21 发表于 2022-4-17 14:53:51

本帖最后由 Ne-21 于 2022-4-17 14:55 编辑

// _w.setTimeout("ok1()",5000);//这个执行外部函数也没用

这玩应直接写 setTimeout(ok1,5000);
或者写 setTimeout(()=>{
ok1()
},5000)

页: [1] 2

油猴中文网's Archiver

各位大佬 问下网页插入一个DIV菜单如何作？

各位大佬问下网页插入一个DIV菜单如何作？