注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
// 把整个body都选上,以便下一步使用 var page = document.querySelector("body"); var url = window.location.href; // 仅修改 body class 中有 page-首页 的页面 if (url = "https://wiki.dollancraft.top/") { // 找到我们要插入新div之后的element var mwBody = document.getElementById('content'); // 新建一个div var newDiv = document.createElement('div'); // 给新插入的element设个class名 newDiv.setAttribute('class', 'header-hero'); // 加上html内容 newDiv.innerHTML = '<div class="header-hero-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 150%), url(mainpage.png);background-size: cover;background-position: center center;height: 36vh;margin-bottom: -31vh;"></div>'; // 将新 div 插入 content 之前 mwBody.parentNode.insertBefore(newDiv, mwBody); }