用JavaScript改進你的網頁架構

來源:互聯網
上載者:User
javascript|網頁   有兩種網頁設計者:喜歡用架構(Frame)的和不喜歡的。不喜歡使用架構的人們總是抱怨說,架構使得頁面變得複雜,增加了下載負擔,而且會減少你的頁面被搜尋引擎找到的機會。而喜歡架構的設計者則說架構使瀏覽變得簡單,並賦予設計人員在安排頁面上更多的控制。

  不管你是贊成使用架構還是反對,事實上,帶架構的頁面一直存在。本文中,我們將向你介紹兩個改進架構頁面的JavaScript程式,這也許會使那些憎恨架構的人們重新審視架構的價值。

  在我們開始介紹這兩個技巧前,讓我們先看看架構是如何工作的。當你建立了一個架構頁面,你就建立了一個特殊的HTML頁,其中包含兩個或更多的架構或者說是在一個頁面中的不同視窗。架構頁定義了各架構的大小和在其中顯示的HTML檔案名稱。

  Web設計者經常遇到的問題之一是訪問者或搜尋引擎建立起的連結往往是架構中的HTML頁面,而非架構頁本身。這就使得人們很輕易的到達你的一個頁面,卻沒有任何的標誌或瀏覽協助——沒有任何可以標示這個網站的東西。

  要解決這個連結問題,在FrontPage中開啟你的每個頁面,並切換到HTML頁。然後在標記前插入下列代碼:

  <script language="JavaScript">

  <!--Hide from older browsers

  if (window == top)

  top.location.href = "frames.htm";

  // -->

  </script>

  在你的代碼中用你的架構頁名代替“frames.htm。”現在無論什麼時候,想直接下載這個頁面的訪問者都將得到架構頁。

  我們的第二個技巧恰恰採取相反的策略,它保證你的頁面不會出現在別人的架構頁中。有些網站將外部的連結頁面顯示在一個架構頁中,而不是開啟一個新的視窗。

  為了防止你的頁面出現在其他人的架構中,在HTML中的標記前加入下列JavaScript代碼:

  <script language="javascript">

  <!--Hide from older browsers

  if (top.location != location)

  top.location.href = location.href;

  // -->

  </script>

  當該頁面被下載,這個指令碼會自動破壞架構,將自己顯示在視窗中。

  注意,上述指令碼不會使你的架構同其他人的有什麼不同。因此,你不應該將它插入到所有你已經建立的並要在架構中顯示的頁面中。如果你使用架構,你應將此程式碼片段加到架構頁本身。完成方法仍是切換到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.