我是 javascript 的新手。
我正在尝试使用 document.write（使用 Wordpress）创建一个标签，以添加一种在预加载图像之前隐藏图像的样式。在通过 CSS 加载图像之前，我不得不求助于编写 Javascript 样式来隐藏图像。我不想将其实际写入 CSS 文件，以防用户禁用了 Javascript，然后图像将永远不会显示。
我正在尝试让这段代码工作：
jQuery(function($) {
document.write('<style type="text/css"> .preload img { display: none; } </style>');
$('#body-wrap').preloadThis();
});
但是，它只是覆盖整个页面并使其变为空白。我怎样才能阻止这个？我想在不删除页面的情况下将标签添加到。尝试使用'return'，没有运气。
对不起，我是新手。提前致谢。
【问题讨论】：
在页面加载完成后使用document.write() implicitly calls 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();
});
这将在当前执行的<script> 标记之后立即写入<style> 标记。希望这是在您的 <head> 元素中，因为 <style> 在其他任何地方都无效，尽管所有浏览器都应该以任何方式解析它。
【讨论】：
document.write 是安全的，所以如果你把它从 jQuery 的文档准备处理程序中取出，你应该没问题。
你不需要添加<style>标签，你可以用jQuery隐藏它们：
jQuery(function($) {
$('.preload img').hide();
$('#body-wrap').preloadThis();
});
不知道你的preloadThis() 函数是如何工作的，但我猜它会加载图像并从img 容器中删除.preload 类。如果确实如此，那么此代码将无济于事 - 图像将保持隐藏状态。
【讨论】：