我对 javascript 很陌生。
我正在尝试使用 document.write（使用 Wordpress）创建一个标签，以添加一种在预加载图像之前隐藏图像的样式。在通过 CSS 加载图像之前，我不得不求助于编写 Javascript 样式来隐藏图像。我不想将它实际写入 CSS 文件，以防用户禁用 Javascript，然后图像永远不会显示。
我试图让这段代码工作：
jQuery(function($) {
document.write('<style type="text/css"> .preload img { display: none; } </style>');
$('#body-wrap').preloadThis();
});
但是，它只是覆盖整个页面并使其变为空白。我怎么能阻止这个？我想在不删除页面的情况下添加标签。尝试使用“返回”，没有运气。
对不起，我是新手。提前致谢。
document.write()在页面完成加载后使用隐式调用document.open()，这会创建一个新页面。您通常应该避免document.write()并坚持使用正确的 DOM 创建技术，或者使用 jQuery 的速记创建方法：
jQuery(function($) {
$('<style type="text/css"> .preload img { display: none; } </style>')
.appendTo("head");
$('#body-wrap').preloadThis();
});
// write() before the document finishes loading
document.write('<style type="text/css"> .preload img { display: none; } </style>');
jQuery(function($) {
$('#body-wrap').preloadThis();
});
这将<style>在当前执行的<script>标签之后立即写入标签。希望这是在您的<head>元素中，因为<style>在其他任何地方都无效，尽管所有浏览器都应该以任何方式解析它。
你不需要添加<style>标签，你可以用 jQuery 隐藏它们：
jQuery(function($) {
$('.preload img').hide();
$('#body-wrap').preloadThis();
});
不知道你的preloadThis()函数是如何工作的，但我猜它会加载图像并.preload从img容器中删除类。如果确实如此，此代码将无济于事 - 图像将保持隐藏状态。