跨網頁的重覆資訊在網站裡是經常可以看見的,最普遍的例子是網站的版權宣告,其次是簡易的選單。如果這些資訊不整合,可能會遍佈於幾百個網頁之中,造成維護上的困難。這裡簡單說明以 JavaScript 處理跨網頁重覆資訊的簡單作法。

假設以下資訊要加入每個網頁裡
© 2007 My Company All rights reserved.

作法如下:

1. copyright.js

//copyright 這是版權宣告
document.write("© 2007 My Company All rights reserved.");
2. page.htm

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page</title>
</head>
<body>
<script language="JavaScript" type="text/javascript" src="copyright.js">
</script>
</body>
</html>
需版權宣告只要在各網頁裡呼叫 copyright.js 即可,看起來雖然比原來複雜,若你要把 2007 改成 2008,只要改 copyright.js 一個檔案即可,這種方式對於網站可以作很多延伸運用。

幾個重點:
1. 用 JavaScript 編寫 Html 語法時,雙引號左側要加入「\」,例:分隔線
   <hr size="1"> 要寫成 document.write("<hr size=\"1\">");
2. document.write 後面的文字無論如何要擠進同一行,斷行需再加上 document.write。
3. 因為多數網頁共用 js 檔,請注意 JavaScript 檔案不要太肥。
2007/03/21 17:45 2007/03/21 17:45
2007/03/21 17:45 

Trackback Address :: http://blog.raienet.com/trackback/320


[◀ PREV][1]... [126][127][128][129][130][131][132][133][134]... [410][NEXT ▶]