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

goodday.php

<?php $txt = "Good Day !!"; ?>

<html>
<body>
<script language="javascript">
var str = '<?php echo "$txt"; ?>';
alert(str);
</script>
</body>
</html>
goodday.asp

<% txt = "Good Day !!" %>

<html>
<body>
<script language="javascript">
var str = '<%=txt%>';
alert(str);
</script>
</body>
</html>
2006/01/20 09:39 2006/01/20 09:39
2006/01/20 09:39 

這個問題是只有在IE上才會發生,自作聰明在你按下的按鈕作了這麼明顯的提示,讓你的頁面變得很難看,以下教你如何取消這個連結虛線框。

在 </html> 之後加入以下語法

<script language=JavaScript>
if(document.all){
var tags=document.all.tags("a")
for (var i=0;i<tags.length;i++)
tags(i).outerHTML=tags(i).outerHTML.replace(">"," hidefocus=true>")}
</script>
影像地圖 (map) 取消連結虛線框,請在 <img> 標籤中加入以下語法:
hidefocus="true"

按鈕 (button) 取消連結虛線框,請在 <input> 標籤中加入以下語法:
hidefocus="true"
其他就依此類推囉..
2005/11/25 10:53 2005/11/25 10:53
2005/11/25 10:53 

2005/9/9 補註 - 這個衛星雲圖 JavaScript 語法會拖慢整個網頁連接速度,因此不建議使用。

這是由 EZ eShop 所提供的服務,以下的 JavaScript 連結由 EZ eShop 主機轉向中央氣象局網站,這是每小時都會由中央氣象局更新一次的標準衛星雲圖喔,點選還可以瀏覽放大圖。

請在網頁適當的地方加入以下語法:

<script src="http://www.ezeshop.com.tw/sidebar/satellite-tw.php" language="JavaScript" type="text/javascript">
</script>
更多的說明請參照相關連結。

※ 此語法產生之衛星雲圖在以下時間過後會因讀不到圖而掛點,中央氣象局公告如下。
「由於秋分的衛星蝕關係,MTSAT1R衛星於8月15日起至10月30日止,每日二十二時至二十四時觀測作業停止,沒有訊號。」

相關連結:EZ eShop,Blog 顯示氣象雲圖
相關應用:無限可能電子商務,如何把 Blog sidebar 裡的東西擺到 Windows 桌面
2005/09/05 21:31 2005/09/05 21:31
2005/09/05 21:31 

在這裡介紹一下將網站設為首頁的 JavaScript 語法,在某些入口網站有看過類似的用法。

<html>
<head>
<title>JavaScript</title>

<script language="JavaScript">
function setHome()
{
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage(window.location.href);
}
</script>

</head>
<body>
<a href="setHome()">設為首頁</a>
</body>
</html>
加到我的最愛就更簡單了,順便一起介紹一下吧。

<a href="window.external.AddFavorite(location.href, document.title);">加到最愛</a>
2005/09/03 03:12 2005/09/03 03:12
2005/09/03 03:12