簡體   English   中英

在頁面加載之前運行JavaScript函數(設置適當大小的背景)

[英]Running JavaScript function before page load (setting background of appropriate size)

我有一個圖像背景,無論用戶的分辨率如何,我希望它始終可見。 因此,我希望能夠在開始之前確定分辨率是什么,並在頁面加載之前設置適當的背景圖像文件。 有可能嗎?

您可以運行具有訪問DOM的Javascript函數的最早點(無需等待頁面加載)是在開始的<body>標記之后放置一個<script> <body>標記。

<head>腳本將在此之前運行,但不會訪問頁面上的元素。

試試這個代碼

<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中獲取屏幕分辨率的文章: http//andylangton.co.uk/articles/javascript/browser-screen-resolution/

如果你沒有做任何特殊的事情來推遲它們,那么腳本標簽會內聯執行(並且所有瀏覽器都不支持延遲腳本執行)。 這意味着嵌套在body標簽內的腳本標簽將在其余主體加載之前執行。 您可以讓腳本檢測屏幕分辨率並在那里設置主體的背景圖像。

使用像MooTools這樣的JavaScript框架,您可以使用DomReady事件而不是onLoad(等待加載所有圖像元素),您可以在頁面加載時觸發事件。

或者使用CSS,您可以定位絕對左上角和寬度:100%以贏得一天。 :o

我意識到你是專門詢問JavaScript,但是使用CSS Tricks網站上描述的CSS (以及可選的一點JavaScript) 來實現這一點是相當不錯的技術

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM