页面加载前运行JavaScript函数(设置适当大小的背景)

页面加载前运行JavaScript函数(设置适当大小的背景),javascript,background,load,Javascript,Background,Load,我有一个图像背景,无论用户的分辨率如何,我都希望它的内容始终可见。因此,我希望能够确定什么是分辨率,并在页面加载之前设置适当的背景图像文件。有可能吗?使用JavaScript框架,比如您可以利用事件而不是onLoad(等待所有图像元素加载),您可以在页面加载时触发事件 或者,使用CSS,您可以定位绝对左上角和宽度:100%以赢得这一天:O我知道你是在专门询问JavaScript,但是CSS技巧网站上描述了一个漂亮的(可选的一点JavaScript)。最早可以运行JavaScript函数并访问DO

我有一个图像背景,无论用户的分辨率如何,我都希望它的内容始终可见。因此,我希望能够确定什么是分辨率,并在页面加载之前设置适当的背景图像文件。有可能吗?

使用JavaScript框架,比如您可以利用事件而不是onLoad(等待所有图像元素加载),您可以在页面加载时触发事件


或者,使用CSS,您可以定位绝对左上角和宽度:100%以赢得这一天:O

我知道你是在专门询问JavaScript,但是CSS技巧网站上描述了一个漂亮的(可选的一点JavaScript)。

最早可以运行JavaScript函数并访问DOM(无需等待页面加载)是通过将一个
标签放在打开的
标签后面

在此之前,
中的脚本将运行,但无法访问页面上的元素。

试试这个代码

<body>
    <script type="text/javascript">
        alert("Some elements shouldn't even be visible when this shows");
    </script>
    ... rest of the page
</body>

警报(“显示时,某些元素甚至不应可见”);
... 页面的其余部分

通过一些Gangsta Lipsum文本查看这篇文章。

查看这篇关于使用Javascript获得屏幕分辨率的文章:


如果不做任何特殊的延迟操作,脚本标记将以内联方式执行(并且并非所有浏览器都支持延迟脚本执行)。这意味着嵌套在主体标记内部的脚本标记将在加载其余主体之前执行。你可以让你的脚本检测屏幕分辨率,并在那里设置身体的背景图像。

+1了解想法并提出问题。如果用户调整窗口大小怎么办?什么都没有。背景应该适合屏幕的分辨率,而不是窗口的当前大小。真的吗?那么脑袋里的脚本什么时候执行?@some:好问题。它在
标记之前运行,但无法访问页面上的元素。我应该澄清一下,您只能访问在脚本标记之前声明的元素,因为页面的其余部分还没有被解析。这就是人们在开始触摸DOM之前等待加载DOM的原因。一个像样的框架可以很容易地以跨浏览器的方式将函数附加到DOM加载的事件中。是的@some,但是在
之后放置一些东西意味着您可以访问OP想要的
。如果页面较大,在显示新的背景图像之前会有明显的延迟。如果指定了
,您也可以访问它们。。。抱歉:)OP可以在标题中放入样式表,使用javascript:
document.write(“body{background:#f00;}”)
(可以计算宽度和高度,并将
url(图像“+dim”)
与颜色一起放置。)我不希望它随窗口调整大小,而是根据屏幕宽度进行调整。无论如何,谢谢:)我链接的技术使用CSS缩放图像,使其适合浏览器视口。它不会调整窗口大小。我知道“我不希望它随窗口一起调整大小”-它的意思是:“当窗口(和浏览器的视口)改变其大小时,我不想缩放背景”。我只想根据屏幕的宽度进行调整。如果没有外部代码,我不想使用外部代码:)。至于你答案的第二部分——我不想让它随着窗口的大小而改变大小,而是要根据屏幕的宽度进行调整。不过还是要谢谢:)。我知道如何获得屏幕的分辨率,谢谢:)。我很乐意接受你的两个答案,但因为这是不可能的,而且@Marko的答案更复杂,我必须做出决定。但再次感谢你,我有一个有用的答案。