油猴如何让DOM加载完成后再执行js脚本文件
时间: 2024-12-18 22:21:20 浏览: 14
油猴(UserScript,也称为 Greasemonkey),是一种可以在网页浏览器上运行的小型JavaScript程序,通常用于修改、增强或自定义网站功能。当你想在页面DOM加载完成后执行某个脚本时,可以利用油猴的事件监听机制结合`$(document).ready()` 或 `DOMContentLoaded` 事件。
在油猴脚本中,你可以这样做:
```javascript
// ==UserScript==
// @name My Script
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Add some functionality after DOM is loaded.
// @author Your Name
// @match *://*/*
// @grant none // No access to privileged APIs
// ==/UserScript==
(function() {
'use strict';
// 当DOM文档准备就绪时,这个函数将被调用
$(document).ready(function() {
// 这里放置你的JS代码,它将在DOM加载完成后立即执行
console.log('DOM已经加载完毕');
// 例如,你可以添加元素、处理事件等操作
const element = document.createElement('div');
element.textContent = '脚本内容';
document.body.appendChild(element);
});
})();
```
`$(document).ready()` 是jQuery库提供的方法,当DOM元素准备好(即HTML解析完成)时会触发该函数。如果不想引入jQuery,可以使用原生的 `DOMContentLoaded` 事件:
```javascript
document.addEventListener('DOMContentLoaded', function() {
// 在这里编写你的代码...
});
```
阅读全文