JavaScript 根據螢幕解析度顯示不同網頁

來源:互聯網
上載者:User
javascript|網頁|顯示 為了增加網頁的魅力,你也可以針對不同的螢幕解析度設計不同的網頁。這樣當使用者瀏覽你的網頁時,就會配合螢幕解析度,自動顯示出適合瀏覽的網頁畫面,不但協助使用者省去調整熒幕解析度的麻煩,也可以針對不同的解析度,調整網頁的版面。範例中,我們根據螢幕解析度先設計好3個網頁,分別是640.html、800.html和1024.html,接下來我們就看看如何設計這個程式吧!
先複製以下這段程式碼:
<script language="Javascript">
<!--
if(screen.width == "640")
{
location="640.html"
}
else if (screen.width == "800")
{
location="800.html"
}
else
{
location="1024.html"
}
//-->
</script>
接著編輯HTML活頁標籤,將文字輸入遊標移至想要顯示在網頁中的位置後,按下功能表上的[編輯],點選[貼上]即可製作出這個效果。
現在,我們看看這個程式的重點內容:

這個程式主要使用到[if]判斷式,檢查[screen.width]的內容,如果是[640],則顯示640.html網頁,[800]的話則顯示800.html網頁,如果都不是,則顯示1024.html網頁。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.