網頁技巧 一

    1,Q:怎樣把別人網頁上的背景音樂保存下來?
      A:瀏覽該網頁後,在你的 Windows/Temporary Internet Files 文件夾下可以找到該背景音樂的緩存文件,拷貝出來即可使用。如果還是找不見該文件,可以打開網頁的源文件,找到音樂文件的 URL 路徑,用“螞蟻”等 FTP 軟件進行下載。

    2,Q:避免有人從你分幀的主頁的幀中徑直進入網站,而不是從 index.htm 中進入?
      A:在幀中的網頁的〈head〉〈/head〉之間加入以下腳本代碼:
      〈Script language="JavaScript"〉
        if (top==self)
         self.location.href="index.htm";
      〈/Script〉
      這樣,當有人從幀中進入網站時,就會自動重定向到主頁文件 index.htm。

    3.Q:怎樣防止別人把你的網頁放到框架裏?
      A:因爲框架(frame)的緣故,有許多人把別人的網頁放置到自己的框架裏,使之成爲自己的一頁。如果你要防止別人這樣做,可以加入下列 JavaScript 代碼即可,它會自動監測,然後跳出別人的框架。
      〈Script language="javascript"〉   
        if (self != top)
         top.location = self.location;
      〈/Script〉

    4,Q:怎樣在 FrontPage2000 中加入 Flash 動畫?
      A:在 FrontPage2000 中,點擊[插入]->[高級]->[插件],在彈出的窗口中,設置一下 Flash 文件的大小及其它信息,確定即可。

    5,Q:怎樣在網頁中加入註釋?    
      A:在共同網頁開發中,加入註釋是防止分工被搞混淆或者註釋某段代碼特殊的含義,加入註釋的格式是:    
      〈!-[註釋內容…]--〉

    6,Q:怎樣測試瀏覽器並自動裝入所需要的網頁?
      A:目前微軟和網景的瀏覽器並不能完全兼容所有網頁,有的網頁在某種瀏覽器中非常漂亮, 而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器,可以加入以下 JavaScript 代碼使瀏覽器自動裝入所需要的網頁:  
     〈script LANGUAGE="JavaScript"〉  
      function TestBrowser()  
      {  
       ie = ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 3 ))  
       ns = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 ))  
       if (ns) { setTimeout("location.href="ns.htm"",10); }   
       else {setTimeout("location.href="ie.htm"",10); }  
       }    
     〈/script〉

    7,Q:怎樣讓鏈接沒有下劃線?
      A:只要在〈Head〉〈/Head〉中加入以下代碼,所有鏈接就都沒有下劃線了:  
      〈style type="text/css"〉
      〈!--
        a {text-transform:none;text-decoration:none;}
        a:hover {text-decoration:underline}
       --〉
      〈/style〉。

    8,Q:怎樣在網頁中加入 E-mail 鏈接並顯示預定的主題?
      A: 〈A href="mailto:[email protected]?subject=主題"〉……〈/a〉

    9,Q:怎樣讓網頁的背景圖像不滾動?    
      A: Internet Explorer 瀏覽器支持一個 Body 屬性 bgproperties,它可以讓背景不滾動:
      〈Body Background="圖片文件" bgproperties="fixed"

    10,Q;怎樣定義網頁的關鍵字?
       A:在網頁中加入關鍵字,可以供某些搜索站臺機器人使用,它們會利用該關鍵字爲你的網站做索引, 這樣,當別人用關鍵字搜索網站時,如果你的網頁包含該關鍵字,那麼就可以被列出了。定義本網頁關鍵字,可以在〈Head〉〈/Head〉中加入如下代碼:  
       〈meta name="Keywords" content="china,enterprise,business,net"〉   
       Content 中所包含的就是關鍵字,你可以自行設置。   
       這裏有個技巧,你可以重複某一個單詞,這樣可以提高自己網站的排行位置,如:
       〈meta name="Keywords" content="china,china,china,china"〉

    11,Q:怎樣隱藏在狀態欄裏出現的鏈接信息?
       A:大家知道,當你指向一個鏈接時,該鏈接的信息就會出現在瀏覽器的狀態欄裏, 如果需要隱藏它,可以本鏈接中做如下設置:
       〈a href="http://zhanghing.yeah.net" onMouseOver="window.status="none"; return true"〉鏈接〈/a〉

    12,Q:怎樣在網頁中加入多媒體播放?
       A:有些多媒體文件無需其他程序就可以播放, 而有許多多媒體文件需要外部程序才能播放。如果瀏覽器沒有安裝這種外部程序,那麼瀏覽器會自動去下載。 要加入多媒體格式,可加入如下代碼:  
       〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉

    13,Q:怎樣在網頁中加入電子郵件表單提交?
       A:表單提交需要 CGI 程序的支持,但也可以利用 E-mail 提交,當你設計好表單後, 把 Action 內容加入郵件地址即可,例如:
       〈form method="POST" action="mailto:[email protected]" ENCTYPE="text/plain"〉
         ……
       〈/form〉

    14,Q:用 Word 作爲 Html 編輯器產生的代碼比較冗長,怎麼優化?
       A:可以用網頁製做軟件 Dreameweaver3.0 進行優化。

    15,Q:IE5.0 的部分快捷鍵:
       A:打開查找功能:Ctrl+F
         關閉瀏覽器窗口:Ctrl+W
         打開地址欄下拉列表框:F4
         刷 新:F5
         將當前Web頁保存到收藏夾列表:Ctrl+D
         打開當前 IE 窗口的一個拷貝:Ctrl+N
         停止下載當前網頁:Esc
         光標迅速移動到網頁的開頭:Home
         光標迅速移動到網頁的尾部:End
         打開新的地址鍵入窗口:Ctrl+O
         打開收藏夾:Ctrl+I
         打開歷史記錄文件夾:Ctrl+H
         打開瀏覽器設定的默認主頁:Alt+HOME

    16,Q:網頁上的圖形格式:
       A:圖形的格式千奇百怪,但是一般 WWW 瀏覽器支持的圖形格式只有 .gif 和 .jpg(.jpe),這兩種都是經過壓縮的圖形文檔。所以文件較小,適合在網絡上傳送。如果你的圖形是別的格式, 則必須使用圖形處理軟件來將其轉存成 .GIF 或 .JPG 的圖形格式。但到底該用那一種圖形格式呢? 先看看下面的比較:
  GIF 格式 JPEG 格式
壓縮比例 較小 從大到小有四種選擇
最多支援的顏色 256色 全綵(16百萬色)
漸顯功能(“隔行”方式) GIF89a有
背景透明功能 GIF89a有
動畫 GIF89a有
  
       結論是:比較大或顏色較多的圖形就用 .JPG 的格式, 比較小或顏色較少, 而且需要有特殊功能的圖,就用 .GIF 格式。注意:.GIF 還分爲 GIF87a 和比較新的 GIF89a 兩種格式,一些特殊的功能(像透明背景) 則是 GIF89a 纔有的。當你真的無從選擇的時候,就乾脆分別儲存成兩種圖形格式,看看那個文件比較小,就用那一個。
    將 Gif 文件保存成“隔行”方式:在 Photoshop 中,保存時選擇“Interlaced”。
    將 jpg 文件保存成“逐級”方式:在 Photoshop 中,保存時選擇“Progressive”。這樣,圖形顯示時將由模糊逐漸變得清晰起來。

    17,Q:表格中嵌套〈Form〉標籤時,換行的取消:
       A:在網頁製做中,當表格和〈Form〉〈/Form〉標籤嵌套時,如果像如下的形式: 〈table border=1〉 〈tr〉 〈td〉 〈Form〉 〈input name= size=〉 〈input type=button value=Test〉 〈/Form〉 〈/td〉 〈/tr〉 〈/table〉       那麼在〈Form〉構造出的文本框下會有一個空行,非常影響版面的編排。 而只要把〈/Form〉放到表格標籤〈/td〉、〈/tr〉或〈/table〉的外邊(如下),則問題就解決了。 〈table border=1〉 〈tr〉 〈td〉 〈Form〉 〈input name= size=〉 〈input type=button value=Test〉 〈/td〉 〈/Form〉 〈/tr〉 〈/table〉
  18,Q:什麼是 ActiveX 控件?
     A:Microsoft ActiveX 控件是由軟件提供商開發的可重用的軟件組件。使用 ActiveX 控件,可以很快地在網址、臺式應用程序、以及開發工具中加入特殊的功能。例如,StockTicker 控件可以用來在網頁上即時地加入活動信息,動畫控件可用來向網頁中加入動畫特性。
  現在,已有 1000 多個商用的 ActiveX 控件。開發控件可以使用各種編程語言,如 C,C++,下一代的Microsoft Visual Basic,以及微軟公司的 Visual Java 開發環境 Microsoft Visual J++。ActiveX 控件一
旦被開發出來,設計和開發人員就可以把它當作預裝配組件,用於開發客戶程序。以此種方式使用 ActiveX 控件,使用者無需知道這些組件是如何開發的,在很多情況下,甚至不需要自己編程,就可以完成網頁或應用程
序的設計。
  IE3.0 是第一個在網頁中支持 ActiveX 控件的網絡瀏覽器。在 Mosaic 和 Netscape Navigator 中也可以使用 ActiveX plug-in for Netscape 顯示 ActiveX 控件(參見網址 http://www.ncompasslabs.com)。
  19,Q: Netscape Navigator 可以顯示 ActiveX 控件嗎?
     A:可以,在 Netscape Navigator 中可以使用 ActiveX plug-in for Netscape 顯示 ActiveX 控件。在Ncompass 實驗室的網址 http://www.ncompasslabs.com/ 上可以得到測試版的 plug-in。
  20,Q:現在有哪些工具支持使用 ActiveX 控件進行網頁開發?
     A:使用 ActiveXControlPad(詳見http://www.microsoft.com/workshop/author/cpad/),開發人員可以在HTML 網頁中方便地插入 ActiveX 控件。按照http://www.microsoft.com/workshop/author/cpad/tutorial-f.htm
網址上的 ActiveX Control Pad 教程,開發人員可以很方便地學習使用 ActiveX ControlPad。SoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 網頁上使用 ActiveX 控件。以後,微軟公司及其第三方軟件供應商還將推出很多支持使用 ActiveX 控件進行網頁製作的網絡製作工具。
  21,Q:只有程序員才能使用 ActiveX 控件嗎?
     A:瞭解腳本語言,比如說 Visual Basic Scripting Edition(VBScript) 或 JavaScript,自然對使用ActiveX 控件非常有幫助。但也並非一定要有這樣的程序開發基礎。對於有些控件來說,需要寫一定數量的腳本程序,才能集成到網頁中,但大多數 ActiveX 控件卻不需要這樣。使用 ActiveX Control Pad,即使是非程序開發人員也可以通過簡單的選中和點擊將很多控件插入網頁。
  22,Q:在創建了包含 ActiveX 控件的網頁後,如果用戶在自己的機器上瀏覽該網頁,控件是如何在用戶終端機上安裝和顯示的?
     A:當 IE3.0 遇到含有 ActiveX 控件(或複合控件)的網頁時,首先檢查用戶的本地系統註冊,察看該組件是否已經安裝在本地機上了。如果該組件已經在本地機上,IE3.0 顯示該網頁並激活控件。如果控件還未在用戶本地機上安裝,IE3.0 將自動地根據開發者創建網頁時的地址定義,從網上找到此控件,並將它安裝到本地機上。
  23,Q:如何在網頁上定義一個地址,使用戶訪問網頁時,控件可以自動下載到用戶的計算機上?
     A:網頁開發者可以通過給控件設置 CODEBASE 屬性提供上述信息。使用 ActiveX Control Pad 時,在 ObjectEditor 中,可以看見一個屬性表,開發者可以很方便地利用該表設置屬性。通過設置屬性,可以定義 URL 地址或地址集,通過地址可以在 Internet 上找到並下載控件。IE3.0 正是利用這些地址信息,定位控件並自動下載組件的。下載之後,網頁就出現在本地機上了。在 1996 年 7 月的 Microsoft Systems Journal 上,“Safe Web Surfing with the Internet Component Download Service”一文詳細論述了整個信息定位及下載過程。需要一提的是,許多 Microsoft 提供的控件(例如 HTML Layout Control)不需要 CODEBASE 設置,因爲通過 ActiveX 對象索引(ActiveX Object Index)就可以基於 CLSID(控件唯一標識符)自動找到並定位控件。
  24,Q:ActiveX 組件下載時,是否通知用戶?
     A:是的。當一個組件需要下載時,IE 會缺省地顯示一個消息框,通知用戶將要開始下載。用戶可以選擇終止下載或繼續下載。如果控件做過數字簽名,會提供一份數字認證書, 其中包括提供該控件的軟件供應商名字,以及確認該控件未被破壞的有關信息。軟件開發者在開發控件時可以做數字簽名。簽名信息由控件本身攜帶, 因此在下載之前,會自動顯示數字驗證書,在網頁上使用該控件的用戶不需要做任何開發工作。
  25,Q:ActiveX 控件下載後,放在什麼位置?
     A:在缺省情況下,控件下載後要放在 /windows/Downloaded Program Files 目錄下的 ActiveX 控件高速緩存中。
  26,Q:如何對待新創建的新版本控件? 如果用戶計算機上已經有了老闆本的控件 IE 如何知道應該下載新版本的控件?
     A:I3.0 中的組件下載服務(Component Download Service)提供了版本控制功能,使用此項功能,新版本的控件會被自動檢測出來,並可自動下載。在1996 年 7 月的 Microsoft Systems Journal 雜誌上,“Safe Web Surfing with the Internet Component Download Service”一文 詳細論述了整個版本控制過程。
  27,Q:ActiveX 控件是否有許可權問題? 用戶下載控件之後能否在自己的網頁上使用 ActiveX 控件?
     A:ActiveX 控件提供一套完整的保護機制,可以防止未經許可的用戶在網頁上使用 ActiveX 控件。到目前爲止,已經有一些開發工具支持這套機制,例如 VB、Ms Access、和 IE。現有的控件授權許可證機制有兩種許可形式:開發許可證和運行使用許可證。開發許可證允許許可證的持有者使用控件,利用 VB,ActiveX ControlPad, 以及其它有關的開發工具,從事以開發爲目的活動。運行使用許可證只允許許可證的持有者在已有的應用或網頁中顯示控件,不允許將控件插入有關工具中,用於開發目的活動。支持許可證機制是獨立控件開發上的工作。有些控件開發商選擇了不支持許可證機制的開發策略,因此對任何用戶來說,他們開發的控件一旦被安裝到本地機上,就可以用於開發。另一些控件開發商只提供免費的運行許可證,而在提供開發許可證時需要收費。需要在網上使用控件的用戶,應該詳細地閱讀控件開發商提供的許可證協議,以確定自己使用控件的權限。
  28,Q:爲什麼有些控件,甚至包括有些 VB4.0 自帶的 ActiveX 控件,在網頁上都無法用 IE 顯示?
     A:包括 VB4.0 中某些控件在內的許多控件都提供了許可證機制。要在網上使用這些控件必須取得相應的運行使用許可證,並將相應的許可證文件放在網頁中,否則,在用戶終端機上將無法顯示該控件。對於某一控件來說,只有控件的合法開發者,才擁有爲該控件進行“運行許可權”授權的權利。 欲知在網頁中獲得控件運行許可權的詳細過程, 請參見 ActiveX SDK 文檔中有關許可證控制部分(在新的ActiveX Control Pad FAQ 中,還有一個具體例子)。 值得一提的是,Microsoft 及其第三方合作伙伴也在網上提供了大量的具有免費使用權許可證的 ActiveX 控件。在網頁中使用這些控件時,不需要提交使用權許可證文件。
  29,Q:HTML Layout 控件如何增強了使用 ActiveX 控件開發網頁的能力?
     A:HTML Layout 控件支持由 W3C 公佈的擴展 HTML,允許在網頁上精確定位對象。原先,HTML 不允許網頁開發者使用 X、Y 座標在網頁上精確定位元素,也不允許疊蓋對象。新增加的的“2-D”佈局功能,使開發者可以完成更復雜的設計,爲用 戶開發出更好的網絡應用提供了支持。通過實現新的 W3C HTML 擴展,HTML Layout 控件爲在 IE 中顯示的 ActiveX 控件提供了更先進的佈局選項。HTML Layout 控件是 IE3.0 的新增組件,並被集 成到 IE 完全安裝版中。(HTML Layout 控件也是 ActiveX ControlPad 的一部分,可通過 MSDN 庫安裝。由於提供了基於 WYSIWYG(所見即所得)頁的全幀編輯器,ActiveX Control Pad 可以與 HTML Layout Control 相結合使用。 這使得用 ActiveX 控件開發先進的二維風格的 HTML 設計變得更加簡單。
  30,Q:怎樣在網頁上顯示多少人在線(on-line)?
    A:只要你的網站支持 ASP,那麼在網站的根目錄中放置以下內容的 Global.asa 文件,問題就解決了。將語句 〈% response.write "現在有 " & Application("WhosOn") & " 人在線。" %〉 放在你的 ASP 網頁中用於顯示在線人數。 <SCRIPT LANGUAGE="VBScript" RUNAT="Server"> Sub Application_OnStart Session.Timeout=1 Application.Lock Application("WhosOn") = 0 Application.UnLock End Sub Sub Session_OnStart Application.Lock Application("WhosOn") = Application("WhosOn") + 1 Application.UnLock End Sub Sub Session_OnEnd Application.Lock Application("WhosOn") = Application("WhosOn") - 1 Application.UnLock End Sub </SCRIPT>
  31,Q:用樣式表(CSS)定製表格邊框:
    A:
    〈Table border=0 id=tb1 style="border:3px solid red"〉
    〈tr〉〈td〉用樣式表(CSS)定製表格的例子〈/td〉〈/tr〉
    〈/Table〉
  32,Q:閃亮的表格邊框:
    A:
   <table border="0" width="280" id="tb1" style="border:3px solid green">
   <tr>
   <td>
     製做閃亮的表格邊框!
   </td>
   </tr>
   </table>
   <script language="JavaScript">
   <!-- 這段腳本放在表格的後面
   function flashit()
   {
   if (!document.all) return
   if (tb1.style.borderColor=="green")
   tb1.style.borderColor="red"
   else
   tb1.style.borderColor="green"
   }
   setInterval("flashit()", 400)
   //-->
   </script>
  33,Q:JavaScript 實現的簡單時鐘:
    A:
   (1)在〈Head〉〈/Head〉之間放置以下腳本:
   <script language="JavaScript">
   <!--
   var timerID = null;
   var timerRunning = false;
   var id,pause=0,position=0;
   function stopclock ()
   { if(timerRunning)
   clearTimeout(timerID);
   timerRunning = false;
   }
   function showtime ()
   {
   var now = new Date();
   var hours = now.getHours();
   var minutes = now.getMinutes();
   var seconds = now.getSeconds()
   var timeValue = "" + ((hours >12) ? hours -12 :hours)
   timeValue += ((minutes < 10) ? ":0" : ":") + minutes
   timeValue += ((seconds < 10) ? ":0" : ":") + seconds
   timeValue += (hours >= 12) ? " P.M." : " A.M."
   document.clock.face.value = timeValue;
   timerID = setTimeout("showtime()",1000);
   timerRunning = true;
   }
   function startclock ()
   { stopclock();
   showtime(); 
   }
   //-->
   </script>
   (2)在〈Body〉屬性中加 onLoad="startclock()"
   (3)在〈Body〉〈/Body〉中間加
   <form name="clock" onSubmit="0">
   <div align="center">
   <center><p><input type="text" name="face" size="13" value></p></center>
   </div>
   </form>
   即可。
  34,Q:自動滾動屏幕文字:
    A:
   <Script Language="JavaScript"> 
   var position = 0; 
   function scrollit()
   { 
   if (position != 640 ){
   position++;
   scroll(0,position);
   clearTimeout(timer);
   var timer=setTimeout("scrollit()",25); 
   timer;
   }
   } 
   </Script>
   以上腳本加在〈Head〉〈/Head〉中間,再在〈BODY〉屬性中加 Onload="scrollit()"。
  35,Q:“下雨”JavaScript 腳本:
    A:將以下腳本放在〈Body〉〈/Body〉中間即可:
   <Script Language="JavaScript">
   <!-- Begin
   var no = 50;
   var speed = 1;
   var ns4up = (document.layers) ? 1 : 0;
   var ie4up = (document.all) ? 1 : 0;
   var s, x, y, sn, cs;
   var a, r, cx, cy;
   var i, doc_width = 800, doc_height = 600;
   if (ns4up) {
   doc_width = self.innerWidth;
   doc_height = self.innerHeight;
   }
   else
   if (ie4up) {
   doc_width = document.body.clientWidth;
   doc_height = document.body.clientHeight;
   }
   x = new Array();
   y = new Array();
   r = new Array();
   cx = new Array();
   cy = new Array();
   s = 8;
   for (i = 0; i < no; ++ i) { 
   initRain();
   if (ns4up) {
   if (i == 0) {
   document.write("<layer name=/"dot"+ i +"/" left=/"1/" ");
   document.write("top=/"1/" visibility=/"show/"><font color=/"blue/">");
   document.write(",</font></layer>");
   }
   else {
   document.write("<layer name=/"dot"+ i +"/" left=/"1/" ");
   document.write("top=/"1/" visibility=/"show/"><font color=/"blue/">");
   document.write(",</font></layer>");
   }
   }
   else 
   if (ie4up) {
   if (i == 0) {
   document.write("<div id=/"dot"+ i +"/" style=/"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
   document.write("visible; TOP: 15px; LEFT: 15px;/"><font color=/"blue/">");
   document.write(",</font></div>");
   }
   else {
   document.write("<div id=/"dot"+ i +"/" style=/"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
   document.write("visible; TOP: 15px; LEFT: 15px;/"><font color=/"blue/">");
   document.write("’</font></div>"); //設定雨點的字符
   }
   }
   }
   function initRain() {
   a = 6;
   r[i] = 1;
   sn = Math.sin(a);
   cs = Math.cos(a);
   cx[i] = Math.random() * doc_width + 1;
   cy[i] = Math.random() * doc_height + 1;
   x[i] = r[i] * sn + cx[i];
   y[i] = cy[i];
   }
   function makeRain() {
   r[i] = 1;
   cx[i] = Math.random() * doc_width + 1;
   cy[i] = 1;
   x[i] = r[i] * sn + cx[i];
   y[i] = r[i] * cs + cy[i];
   }
   function updateRain() {
   r[i] += s;
   x[i] = r[i] * sn + cx[i];
   y[i] = r[i] * cs + cy[i];
   }
   function raindropNS() {
   for (i = 0; i < no; ++ i) {
   updateRain();
   if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
   makeRain();
   doc_width = self.innerWidth;
   doc_height = self.innerHeight;
   }
   document.layers["dot"+i].top = y[i];
   document.layers["dot"+i].left = x[i];
   }
   setTimeout("raindropNS()", speed);
   }
   function raindropIE() {
   for (i = 0; i < no; ++ i) {
   updateRain();
   if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
   makeRain();
   doc_width = document.body.clientWidth;
   doc_height = document.body.clientHeight;
   }
   document.all["dot"+i].style.pixelTop = y[i];
   document.all["dot"+i].style.pixelLeft = x[i];
   }
   setTimeout("raindropIE()", speed);
   }
   if (ns4up) {raindropNS(); }
   else 
   if (ie4up) {raindropIE(); }
   // End -->
   </Script>
  36,Q:“地震”JavaScript 腳本:
    A:將以下腳本放在〈Body〉〈/Body〉中間即可:
   <script language="JavaScript1.2">
   <!--
   function shake(n)
   {
   if (window.top.moveBy)
    {for (i = 10; i > 0; i--)
     {for (j = n; j > 0; j--)
      {window.top.moveBy(0,i);
       window.top.moveBy(i,0);
       window.top.moveBy(0,-i);
       window.top.moveBy(-i,0);
      }
     }
    }
   }
   //-->
   </script>
   <form><input onclick="shake(2)" type="button" value="地震啦!"></form>
  37,Q:一個用 JavaScript 實現的簡陋的計算器:
    A:全部代碼如下:
   <html>
   <head>
   <script language="JavaScript">
   <!--
   function compute(obj) 
   {obj.expr.value = eval(obj.expr.value)}
   var one = '1'
   var two = '2'
   var three = '3'
   var four = '4'
   var five = '5'
   var six = '6'
   var seven = '7'
   var eight = '8'
   var nine = '9'
   var zero = '0'
   var plus = '+'
   var minus = '-'
   var multiply = '*'
   var divide = '/'
   var decimal = '.'
   function enter(obj, string) 
   {obj.expr.value += string}
   function clear(obj, string) 
   {obj.expr.value = ''}
   //-->
   </script>
   </head>
   <body>
   <form name="calc">
   <table border=1>
   <tr align="right"> 
   <td colspan=4><input name="expr" action="compute(this.form)"></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 7 " onClick="enter(this.form, seven)"></td>
   <td><input type="button" value=" 8 " onClick="enter(this.form, eight)"></td>
   <td><input type="button" value=" 9 " onClick="enter(this.form, nine)"></td>
   <td><input type="button" value=" / " onClick="enter(this.form, divide)"></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 4 " onClick="enter(this.form, four)"></td>
   <td><input type="button" value=" 5 " onClick="enter(this.form, five)"></td>
   <td><input type="button" value=" 6 " onClick="enter(this.form, six)"></td>
   <td><input type="button" value=" * " onClick="enter(this.form, multiply)"></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 1 " onClick="enter(this.form, one)">
   <td><input type="button" value=" 2 " onClick="enter(this.form, two)">
   <td><input type="button" value=" 3 " onClick="enter(this.form, three)">
   <td><input type="button" value=" - " onClick="enter(this.form, minus)"></td>
   </tr>
   <tr align=center>
   <td colspan=2><input type="button" value=" 0 " onClick="enter(this.form, zero)">
   <td><input type="button" value=" . " onClick="enter(this.form, decimal)"></td>
   <td><input type="button" value=" + " onClick="enter(this.form, plus)"></td>
   </tr>
   <tr align=center>
   <td colspan=2><input type="button" value=" = " onClick="compute(this.form)"></td>
   <td colspan=2><input type="button" value=" AC " size= 3 onClick="calc.expr.value = ''"></td>
   </tr>
   </table>
   </form>
   </body>
   </html>
  38,Q:在網頁上實現“預覽圖”:
     A:網頁製做時,大的圖片會消耗較長的下載時間,爲了不使瀏覽者失去耐心,可以採用“預覽圖”(low source)的辦法,即先下載一個“low source”,然後再下載真正需要顯示的圖片。在 Html 文檔中標註“low source”的方法爲:〈img src="需要顯示的圖片" lowsrc="預覽圖" width="x" height="y"〉(其中 width 和 height 是需要顯示的圖片的寬度和高度。如果不加 width 和 height 屬性,瀏覽器視爲以較小圖片作爲長寬尺寸。)
實現“預覽圖”還有一個方法,就是將預覽圖做成一個鏈接,如果用戶願意,可以點擊它,再觀看真正的圖片,格式是:
<a href="需要顯示的圖片"><img src="預覽圖" width=x height=y border=0></a>
  39,Q:閃亮的鏈接:
     A:
     <a href="linkto" name="link1" style="text-decoration:underline;color:green;">閃亮的鏈接</a>
     <script language="JavaScript">
     <!-- 這段腳本放在鏈接的後面
     function flashit()
     {
     if (!document.all) return
     if (link1.style.color=="green")
       link1.style.color="red"
     else
       link1.style.color="green"
     }
     setInterval("flashit()", 400)
     //-->
     </script>
  40,Q:在網頁中添加“添加到收藏夾”“設爲首頁”功能(似乎只能在 IE5.0 以上版本使用?):
     A:添加到收藏夾:〈a href="javascript:window.external.addFavorite('http://鏈接','說明');"〉添加到收藏夾〈/a〉
設爲首頁:〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://鏈接');〉設爲首頁〈/a〉
  41,Q:定製瀏覽器地址欄前的小圖標:
     A:在網頁的〈head〉〈/head〉間加入以下語句:〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。其中 icon.ico 爲 16x16 的圖標文件,顏色不要超過 16 色。
  42,Q:給超鏈接、表單、表格等網頁元素加上動態說明:
     A:網頁中的圖片可以用〈img alt="說明"〉 加上註釋,其它元素頁可以加上註釋說明,方法是用 title 屬性。如:
〈a href="" title="說明"〉;〈input title="說明"〉;〈table title="說明"〉…〈/table〉
  43,Q:用曾疊式樣式表(css)定製按鈕的鼠標形狀(cursor):
     A:<input type="button" style="cursor:hand;">,這樣,當鼠標移到按鈕上時,會變成一個“手”形,和移到超級鏈接上一樣。cursor 後的參數很多,列在下邊:
     hand   手型
     crosshair   十字型
     text   移動到文本上的那種效果(I 形)
     wait   等待的那種效果(沙漏)
     default   默認效果
     help   問號
     e-size   向右的箭頭
     ne-resize   向右上的箭頭
     n-resize   向上的箭頭
     nw-resize   向左上的箭頭
     w-resize   向左的箭頭
     sw-resize   向左下的箭頭
     s-resize   向下的箭頭
     se-resize   向右下的箭頭
     auto   由系統自動給出效果
  44,Q:在網頁頁面上顯示 html 代碼:
     A:要在 html 代碼中放置 html 文本顯然是不行的,因爲你放在 html 中的 html 文本會相互混淆起來,產生嚴重的錯誤。如果 html 文本很少,可以將其中的〈 〉用全角的〈 〉代替;如果文本很長,將它門放在標籤〈xmp〉〈/xmp〉中,這是專門用來顯示 html 文本的標籤。與此相關的一個問題是:有時從網頁上“挖”下來的 html 代碼,放在 html 文件中瀏覽時,顯示的全是 html 代碼,就是因爲他們製做網頁時將標籤的大於號、小於號用全角的〈、〉代替了。
  45,Q:加速網頁加載的技巧:
     A:當瀏覽者停留在一個網站的主頁上時,其它頁面的下載是停止的,這樣時間就白白浪費了。我們可以將主頁分成兩個幀,一個幀顯示主頁,將另一個幀隱藏後“偷偷”地下載其它頁面,在硬盤裏緩存起來。這樣,當瀏覽者瀏覽到別的頁面時,瀏覽器就是從硬盤裏調用數據了。
  46,Q:讓網頁的背景圖片動起來(Vbscript):
     A:
       <SCRIPT language="VBScript">
         dim c,numgc
         c=-100000
         numgc=document.body.sourceIndex
         sub SF
          c=c+2
          Document.all(numgc).style.BackgroundPosition="0 " & c
          id=SetTimeOut("SF",64,"VBScript")
         end sub
         SF
       </SCRIPT>
  47,Q:用 JavaScript 控制瀏覽器窗口大小:
     A:有時候,我們需要控制顯示窗口的大小,這當然能夠通過點擊窗口右上角的控制按鈕來實現。但是,能否在頁面中通過鏈接來實現呢?答案是:能!請看下面的代碼: 
      <SCRIPT LANGUAGE="JavaScript"> 
       function Minimize() 
       { 
       window.innerWidth = 100; 
       window.innerHeight = 100; 
       window.screenX = screen.width; 
       window.screenY = screen.height; 
       alwaysLowered = true; 
       } 
       function Maximize() 
       { 
       window.innerWidth = screen.width; 
       window.innerHeight = screen.height; 
       window.screenX = 0; 
       window.screenY = 0; 
       alwaysLowered = false; 
       } 
      </SCRIPT> 
      <A HREF="javascript:onClick=Minimize()">Minimize</A> 
      <A HREF="javascript:onClick=Maximize()">Maximize</A> 
  上面的代碼包含 2 個函數,先來看看第 1 個。函數 Minimize 中使用 innerWidth 和 innerHeight 2 個命令在象素級別上控制窗口尺寸大小,這裏將窗口設置爲寬 100 高 100。然後,設置窗口的起始位置,定位大小爲屏幕的寬和高,這樣,使用 alwaysLowered 命令就將窗口縮小並移動到了屏幕的右下角。觸發事件是一個 JavaScript 鏈接 〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同時,上述代碼可以用於設置屏幕的任何分辨率。 
  注意,當在頁面上應用這個功能時,請將那 2 個觸發事件的鏈接放置在頁面的左上角,這樣,當窗口縮小到右下角時,它們也不會消失。
  48,Q:網頁的定時轉向和定時刷新?
     A:在網頁的 <Head></Head> 間加入 <meta http-equiv="refresh" content="10; url=http://……"> 就會使網頁在 10 秒後自動轉向到網址 http://…… 去。特殊情況是,如果沒有 url=…… 一項,網頁就會每隔 10 秒自我刷新一次 -- 最初的聊天室就使用了這種技術,但屏幕看起來有些閃爍感。
  49,Q:上傳主頁的一個技巧:
     A:如果你做主頁時是假設網站的主文件爲 index.htm,網頁中的所有鏈接也默認主頁爲 index.htm。但當你上傳主頁時發現網站的主文件爲 index.html,那麼你是不是需要一個一個地去修改許多網頁中的鏈接呢? NO! 這時你只要在網站建立一個 index.html 文件,其中放以下一條語句就可以了:
      <meta http-equiv="refresh" content="0; url=index.htm">
    那麼,如果你做主頁時假設網站的主文件爲 index.html,而上傳主頁時發現網站的主文件爲 index.htm 時怎麼辦呢? …… “To be,or not to be,this is a question.”
  50,Q:在網頁中實現下拉彈出菜單:
     A:下拉彈出菜單用 Javascript 構造,原代碼及效果見演示
  51,Q:爲什麼用 FrontPage 做的網頁在有的網站上顯示不正常?
     A:如果用 FrontPage 做的網頁使用了 FrontPage 擴展特性,且放在了用 Unix、Linux 建立的網站上,就會顯示不正常,丟失一些特性。因爲 FrontPage 擴展特性是基於 Windows 系列操作系統的。避免辦法就是……“因噎廢食”了。
  52,Q:讓 IE 瀏覽器的標題條文字動起來?
     A:在網頁的 <head></head> 之間加入以下 VbScript 腳本即可:
      <Script language="vbscript">
       msg="十萬個爲什麼-計算機應用技巧大全" 
       l=len(msg)
       i=l-3
       sub movetitle()
        title=right(msg,l-i)+left(msg,i)
        top.document.title=title
        i=(i+1) mod l
      end sub
      speed = 10 '毫秒
      a=setInterval("movetitle()",speed)
     </Script>
  53,Q:網頁中 IFRAME 幀的使用(在網頁中構造小“窗口”方法之一):
     A:用標籤 <IFRAME></IFRAME> 可以在網頁中構造小“窗口”,顯示指定 URL 的網頁,語法如下:
     <IFRAME SRC="" width="500" height="200" marginwidth="0" marginheight="110" hspace="10" vspace="20" frameborder="0"  scrolling="1">
     </IFRAME>
    (注1:可以用此法在網頁中製作網頁效果演示。
     注2:相關知識:如果要在網頁中開一個“窗口”,顯示一段文本,可以使用:
    <form>
     <textarea name="S1" rows="高" cols="寬"></textarea>
    </form>)
  54,Q:在網頁中構造小“窗口”方法之二: 使用 ActiveX 控件:
     A:
     <object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452" height="161">
      <param name="Location" value="http://100000.home.sohu.com">
      <param name="AlignLeft" value="0"><param name="AutoSize" value="0">
      <param name="AutoSizePercentage" value="10">
      <param name="AutoArrange" value="1">
      <param name="NoClientEdge" value="1">
      <param name="ViewMode" value="0">
     </object>
  55,Q:當鼠標移動到表格上時,表格背景色改變:
     A:在網頁的 <body></body> 之間放如下代碼即可實現:
     <script language="javascript">
     <!--
     function mOvr(src,clrOver)
     { 
     if(!src.contains(event.fromElement))
     {src.style.cursor='hand';
     src.bgColor = clrOver;
     }
     }
     function mOut(src,clrIn)
     { 
     if(!src.contains(event.toElement))
     {src.style.cursor='default'; 
     src.bgColor=clrIn; }
     } 
     function mClk(src)
     { //執行單元格中的鏈接
     if(event.srcElement.tagName=='TD')
     {src.children.tags('A')[0].click();}
     }
     //-->
     </script>
     <table border="1" align=center>
     <tr>
     <td align="middle" height="17" onclick="mClk(this);" onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">
     <a href="http://100000.home.sohu.com" target="_blank" class="nav">鏈接變色</a>
     </td>
     </tr>
     <tr>
     <td onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">無鏈接變色</td>
     </tr>
     </table>
  56,Q:打開網頁時自動彈出歡迎窗口:
     A:
     <script language="JavaScript"> 
      function Info()
      {if(!confirm("這是一個自動彈出的歡迎窗口" + "/n/n歡迎光臨/n/n你可以試着加上一些其它的信息。"+"/n/n請按確定進入本頁/n"+
      "/n按取消將返回上一頁/n"))
      history.go(-1);
      return " " 
     }
     document.writeln(Info()) //觸發執行 Info() 函數
    </script>
  57,Q:鼠標觸發網頁的鏈接文字動態大小變化:
     A:在網頁的 <head></head> 之間加入以下樣式表代碼即可(免去了煩人的 Javascript 腳本):
      <style type="text/css">
      <!--
      A:visited {text-decoration:none; font-size:9pt; font-family:新細明體}
      A:hover {text-decoration:underline; font-size:15pt; font-family: 黑體; color:ffffff; background-color:rgb(01,221,66)}
      -->
      </style>
  58,Q:爲什麼用 FrontPage 做的主頁有時會顯示爲亂碼?
     A:看看主頁的 <head></head> 之間是否有 <meta charset=gb2312> 字樣,加上它就好了(它自動將 IE 瀏覽器的文字編碼設置爲“簡體中文”。如果沒有前述語句,則必須手動設置才能看清網頁內容)。
  59,Q:在網頁上顯示你是否 O'ICQ 在線:
     A:在網頁上加入 <img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ"> 語句即可向瀏覽者顯示你現在是否正連在 O'ICQ 上。其中 9265822 是 O'ICQ 號碼,可以更換,s 換成 l 則顯示大圖標。還可以形如
    <a href="http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822">
      <img src=http://icon.tencent.com/9265822/s/alt="On/Off O'ICQ">
    </a> 
來顯示你的 O'ICQ 個人資料。
  60,Q:將樣式表(css)加到你的網頁中的幾種方法:
     A:
     (1)、將樣式表置入 HTML 文件頭部:
      <STYLE TYPE="text/css">
      <!--
      H1 {color: green; font-family: impact}
      P {background: yellow; font-family: courier}
      -->
      </STYLE>
     (2)、將一個外部樣式表定義文件鏈接到 HTML 文件上:
      <HEAD>
      <LINK REL=stylesheet href="mystyles.css" TYPE="text/css">
      </HEAD>
   文件 mystyles.css 的內容如下:
       H1 {color:green; font-family:impact}
      P {background:yellow; font-family:courier}
     (3)、將一個外部樣式表定義文件輸入到 HTML 文件中:
      <STYLE TYPE="text/css">
      <!--
      @import url(company.css);
      H1 { color: orange; font-family: impact}
      -->
      </STYLE>
   其中 company.css 文件內容如下:
      H1{color:green; font-family:times}
      P{background:yellow; font-family:courier}
     (4)、將樣式表加入到 HTML 文件行中:
      如:<H1 STYLE="color: orange;font-family:楷體_gb2312>HTML中的樣式表</H1>
     (注意:如果一個網頁中同時使用了以上 4 種方法,那麼它們的優先級從高到低是 4-3-2-1。)
  61,Q:自動顯示網頁的最後更新日期:
     A:將以下代碼放入網頁中,會根據網頁文件的存盤時間自動顯示網頁的更新日期:
      <script>document.write(document.lastModified)</script>
  62,Q:仿 Outlook2000 導航菜單
     A:請參看示例……
  63,Q:用 css 和 javascript 定製按鈕
     A:請參看示例……
  64,Q:樣式表單圖片動畫效果示範
     A:請參看示例……
  65,Q:數字時鐘(示例一)
     A:請參看示例……
  66,Q::數字時鐘(示例二)
     A:請參看示例……
  67,Q:網頁中仿製“每日一貼”(Tip of day)示例
     A:請參看本網站首頁底部“$幫助”的製作方法   Ä下載原始代碼
  68,Q:網頁中的滾動菜單示例:
     A:請參看示例網頁……
  69,Q:用 Jsp 調用 oracle 的存儲過程
     A:假定存儲過程名字爲 sp_yourprocedurename,有兩個參數 
      CallableStatement cstmt = con.prepareCall("{call sp_yourprocedurename(?,?}"); 
      cstmt.registerOutparameter(2,java.sql.Types.FLOAT); 
      cstmt.setint(1,parameter1); 
      cstmt.execute(); 
      out.println("Procedure output is :"+cstmt.getFloat(2));
  70,Q:用 PHP 獲得瀏覽器信息?
     A:
      GET /temp.php HTTP/1.1
      Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
      Referer: http://199.199.199.5/index.php
      Accept-Language: zh-cn,zh-tw;q=0.5
      Accept-Encoding: gzip, deflate
      User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
      Host: www.bingdu.org
      Connection: Keep-Alive
      Cookie: PHPSESSID=46bb38ce8d7b870dd704bca7ad6071ca
      $var = getenv("$string");
      $string 就是以下一些值了:
      HTTP_ACCEPT //接收的數據類型。
      HTTP_REFERER //引用地址
      HTTP_USER_AGENT //流覽器
      HTTP_ACCEPT_LANGUAGE //流覽器語言
      HTTP_HOST //主機地址
      HTTP_CONNECTION //連接狀態
      HTTP_COOKIE //COOKIE
  71,Q:如何將一個表單同時提交到兩個地方處理(以 PHP 爲例)?
     A:
      <script language=javascript>
       function dosubmit()
        {window.open('first.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
         window.open('second.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
         return false;
        }
      </script>
      <form name=form1 onsubmit="return dosubmit();">
       <input name=var1>
       <input name=var2>
       <input type=submit>
      </form>
  72,Q:IE5.x 快捷操作技法大放送
     A:
   (一)、打印操作技巧 
  1、要打印文檔,用戶可以將 Internet 快捷方式拖動到桌面的打印機圖標上;
  2、要迅速打印 Web 頁的某個框架,可右單擊該框架,然後單擊“打印”選項;
  3、用戶可以打印出與 Web 頁相連的所有鏈接的列表。在“打印”對話框中,單擊“打印鏈接列表”;
  4、用戶可以打印指定 Web 頁上所鏈接的所有文檔。在“打印”對話框中,單擊“打印所有鏈接的文檔”;
  5、要打印當前頁或活動框架,請按 Ctrl+ P組合鍵。
   (二)、地址欄操作技巧 
  1、要顯示用戶在地址欄中鍵入過的 Internet 地址,請按 F4鍵;
  2、在地址欄中,按 Ctrl+ ← 組合鍵,就可以讓光標以地址部分爲單位迅速向後移動;
  3、在地址欄中,按 Ctrl+ → 組合鍵,就可以讓光標以地址部分爲單位迅速向前移動;
  4、用戶可以在地址欄中鍵入收藏頁的友好名稱,然後在出現的自動完成列表中選擇網頁名稱;
  5、要從地址欄中搜索,可在某單詞或詞語之前鍵入go, find,或?,然後按 Enter 鍵;
  6、按 Alt + D組合鍵,可以將光標移到地址欄中。
  7、 用戶可以在地址欄中鍵入某個單詞,然後按 Ctrl+ Enter 組合鍵,可在單詞的兩端自動添加 http://www. 和 .com。 
   (三)、工具菜單操作技巧 
  1、要將主頁更改爲用戶當前打開的網頁,可單擊“工具”菜單,單擊“Internet 選項”,然後單擊“使用當前頁”按鈕;
  2、若要通過刪除臨時文件來釋放硬盤空間,則單擊“工具”菜單,單擊“Internet選項”,然後單擊“刪除文件”按鈕;
  3、要更改 Web 頁上鍊接的顏色,請單擊“工具”菜單,單擊“Internet選項”,然後單擊“顏色”按鈕;
  4、單擊“工具”菜單,然後單擊“Windows Update”,可以安裝其他 Internet Explorer 組件;
  5、要調整存放 Internet 臨時文件的硬盤空間,請單擊“工具”菜單,單擊“Internet選項”,然後單擊“設置”按鈕。 
   (四)、收藏夾操作技巧 
 1、單擊“收藏”菜單,然後單擊“整理收藏夾”,可以將文件夾添加到收藏夾列表中;
  2、右鍵單擊“收藏夾”或鏈接列表中的某快捷方式,然後單擊“刪除”,可以將其刪除;
  3、要更改收藏站點的脫機屬性,可右鍵單擊收藏列表中的項目,然後單擊“屬性”;
  4、要篩選用戶的計算機可以顯示哪些 Web 站點,請單擊“工具”菜單,單擊“Internet 選項”,單擊“內容”選項卡,然後單擊“啓用”。 
   (五)、窗口操作技巧 
  1、按 F11 可以在 Internet Explorer 常規大小窗口和全屏幕模式之間切換;
  2、按 Ctrl+W 可以關閉當前窗口;
  3、按 Ctrl+N 可以新建窗口。 
   (六)、Web 操作技巧 
  1、在某頁上單擊右鍵,然後單擊“創建快捷方式”,就可以迅速創建該 Web 頁的快捷方式並放在桌面上;
  2、要查看某 Web 頁是如何編碼的,可在該頁上單擊右鍵,然後單擊“查看源文件”,即可獲得某Web頁的源編碼;
  3、要放大或縮小 Web 頁上的文字,單擊“查看”菜單,然後單擊“文字大小”。按 F5鍵刷新屏幕;
  4、要迅速將 Web 頁保存到用戶的收藏夾列表,請按 Ctrl+D組合鍵;
  5、單擊“文件”菜單,指向“發送”,然後單擊“電子郵件頁面”,可以在電子郵件中發送 Web 頁;
  6、Web 圖片和背景可以做成美妙的桌面牆紙,只要右鍵單擊用戶想要的圖片,然後單擊“設置爲牆紙;
  7、要保存網頁或圖片而不將其打開,請右鍵單擊用戶想要的鏈接,然後單擊“目標另存爲”;
  8、要迅速加載 Web 頁,請單擊“工具”菜單,單擊“Internet選項”,再單擊“高級”選項卡,然後關閉聲音和圖片;
  9、要查看會話過程中用戶所鍵入的所有 Internet 地址鏈接,請單擊地址欄右端的小向下箭頭;
  10、用戶可以爲每個 Web 站點設置不同的安全級別,單擊“工具”菜單,單擊“Internet選項”,然後單擊“安全”選項卡;
  11、要在 Web 頁上搜索某單詞或詞組,請按 Ctrl+ F組合鍵,打開“查找”對話框;
  12、單擊工具欄上的“歷史”按鈕,可以看到用戶最近訪問過的 Web 站點的列表;
  13、如果用戶想了解如何使用 World Wide Web,請單擊“幫助”菜單,然後單擊“教程”;
  14、在某Web頁上單擊右鍵,然後單擊“創建快捷方式”,就可以迅速創建該 Web 頁的快捷方式並放在桌面上;
  15、按 F5 鍵刷新,可以保證用戶正查看的 Web 頁包含最新的內容;
  16、如果用戶使用的電子郵件程序是 Microsoft Outlook 或 Outlook Express,那麼用戶就可以將 Internet 快捷方式拖動到電子郵件中;
  17、將指向 Web 頁的快捷方式拖動到鏈接欄中,可以只單擊一次就打開用戶經常訪問的 Web 頁;
  18、要停止下載網頁,請按 Esc 鍵;
  19、要取消 Web 頁鏈接中的下劃線,請單擊“工具”菜單,單擊“Internet選項”,然後單擊“高級”選項卡。
  73,Q:製作網頁的目錄式導航菜單
     A:
(一)、把如下代碼加入<head></head>區域中
<head>
<SCRIPT language=javascript>
<!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
</head>
(二)、把如下代碼加入<body>區域中
<div id="back" onmouseout="out()" style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar" onmouseover="menu.style.visibility='visible'">
<font color=red size=2>菜單
</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">軟件下載</a>
<a id="link" href="yxxz.htm">有喜下載</a>
<a id="link" href="hjsj.htm">黃金書記</a>
<a id="link" href="mntk.htm">美女偷褲</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" onmouseout="out1()" style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar" onmouseover="menu1.style.visibility='visible'">
<font color=red size=2>菜單
</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">軟件下載</a>
<a id="link" href="yxxz.htm">遊戲下載</a>
<a id="link" href="hjsj.htm">黃金書籍</a>
<a id="link" href="mntk.htm">美女圖庫</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH動畫欣賞</a>
</div>
</div>
  74,Q:網頁文字顏色的搭配技巧
     A:對於做網頁的初學者可能更習慣於使用一些漂亮的圖片作爲自己網頁的背景,但是,瀏覽一下大型的商業網站,你會發現他們更多運用的是白色、藍色、黃色等,使得網頁顯得典雅,大方和溫馨。更重要的是,這樣可以大大加快瀏覽者打開網頁的速度。
  一般來說,網頁的背景色應該柔和一些、素一些、淡一些,再配上深色的文字,使人看起來自然、舒暢。而爲了追求醒目的視覺效果,可以爲標題使用較深的顏色。下面是我做網頁和瀏覽別人的網頁時,對網頁背景色和文字色彩搭配積累的經驗,這些顏色可以做正文的底色,也可以做標題的底色,再搭配不同的字體,一定會有不錯的效果,希望對大家在製作網頁時有用。
  Bgcolor:″#F1FAFA″——做正文的背景色好,淡雅
  Bgcolor:″#E8FFE8″——做標題的背景色較好,與上面的顏色搭配很協調
  Bgcolor:″#E8E8FF″——做正文的背景色較好,文字顏色配黑色
  Bgcolor:″#8080C0″——上配黃色白色文字較好
  Bgcolor:″#E8D098″——上配淺藍色或藍色文字較好
  Bgcolor:″#EFEFDA″——上配淺藍色或紅色文字較好
  Bgcolor:″#F2F1D7″——配黑色文字素雅,如果是紅色則顯得醒目
  Bgcolor:″#336699″——配白色文字好看些
  Bgcolor:″#6699CC″——配白色文字好看些,可以做標題
  Bgcolor:″#66CCCC″——配白色文字好看些,可以做標題
  Bgcolor:″#B45B3E″——配白色文字好看些,可以做標題
  Bgcolor:″#479AC7″——配白色文字好看些,可以做標題
  Bgcolor:″#00B271″——配白色文字好看些,可以做標題
  Bgcolor:″#FBFBEA″——配黑色文字比較好看,一般作爲正文
  Bgcolor:″#D5F3F4″——配黑色文字比較好看,一般作爲正文
  Bgcolor:″#D7FFF0″——配黑色文字比較好看,一般作爲正文
  Bgcolor:″#F0DAD2″——配黑色文字比較好看,一般作爲正文
  Bgcolor:″#DDF3FF″——配黑色文字比較好看,一般作爲正文
  淺綠色底配黑色文字,或白色底配藍色文字都很醒目,但前者突出背景,後者突出文字。紅色底配白色文字,比較深的底色配黃色文字顯得非常有效果。
以上配色方案僅供參考。
  75,Q:IFRAME 標籤的屬性參數
     A:
    <Iframe src="example.htm" width="300" heitht="100"></IFRAME>
     example.htm 是被嵌入的頁面,標籤 <IFRAME> 還有一些可用的參數設置如下:
     marginwidth:網頁中內容在表格右側的預留寬度;例如:marginwidth="20",單位是 pix,下同。
     marginheight:網頁中內容在表格頂部預留的高度;
     hspace:網頁右上角的的橫座標;
     vspace:網頁右上角的縱座標;
     frameborder:是否顯示邊緣;填"1"表示"是",填"0"表示"否"
     scrolling:是否出現滾動條;填"1"表示"是",填"0"表示"否"
  76,Q:使用表格時應注意那些問題?
     A:1、整個表格不要都套在一個表格裏,儘量拆分成多個表格,可以加快顯示速度;
    2、表格的嵌套層次儘量要少,最好嵌套表格不超過 3 層,這樣可以加快瀏覽器解釋 html 腳本代碼的時間;
    3、單一表格的結構儘量整齊;
    4、表格的 width=100% 可以使表格適應瀏覽器不同的分辨率;
    5、用表格進行版面佈局比用層來得更好一些。
    6、同時設定表格背景圖片和顏色。有一些版本的瀏覽器不顯示錶格背景圖形,只顯示缺省背景顏色,有的訪問者關閉了多媒體圖形選項來瀏覽,爲了滿足這部分來訪者,最好同時設定表格背景圖片和顏色;
  77,Q:Javascript 文字特效一例
     A:
<script language="JavaScript">
text = "十萬個爲什麼網站"; //顯示的文字
color1 = "blue"; //文字的顏色
color2 = "red"; //轉換的顏色
fontsize = "8"; //字體大小
speed = 200; //轉換速度 (毫秒)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor()
{if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>");}
else {document.a.document.write(text.charAt(j));}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
</script>
  78,Q:解決 DW4 普通文本的漢字輸入問題
     A:這是 DW4 的一個大問題。即使把 coding 設成 gb, 輸入中文時,用中文字體,也不能解決。在使用之中發現,全拼輸入、紫光拼音等比較正常,但用五筆等輸入法時就會出問題:無論你打多少字,它都會用後一個字覆蓋前一個字,讓你的頁面始終只有一個字。另一種情況是,在某些光標位置可以輸入,有些又不行。對這個問題,現在似乎還沒有很完美的解決辦法。筆者試推薦以下方法:
    1、更換另一種輸入法,即全拼輸入、紫光拼音、拼音加加等;
    2、直接將中文文本信息拷貝進去;
    3、有時可輸入,有時不可輸入的情況,請點擊一下 DW4 的標題和屬性欄就可以輸入了;
    4、系統採用中文的 Windows9x 或 Windows ME。
  79,Q:解決 DW4 中 Flash 文字和按鈕的漢字輸入問題
     A:DW4 中加強了與 Flash 的直接交互,比如直接製作 Flash 的文字和按鈕、直接瀏覽插入的 Flash 文件(按屬性欄中的三角形播放鍵)等等。就算你不會使用 Flash 也可以在 Dreamweaver 中直接插入 Flash 動畫格式的文字或按鈕,只要簡簡單單輸入文字就可以了。比起傳統的點陣圖文字或按鈕,檔案更小、更漂亮。但遺憾的是,其中輸入的文字不支持中文!沒辦法,還是直接用 Flsah 軟件製作,況且在 Flash5 中作一個類似 DW4 中的中文按鈕並不難。
  80,Q:解決 DW4 表格的亮暗邊問題
     A:原來的 DW3 可以做表格的陰影效果,可是 DW4 卻不行了,因爲屬性板上沒有了 borderlight 和borderdark 的輸入框。可以用以下二種方法來變通解決:
  1、內外邊框的顏色可以用鼠標來選擇。從表格的上方或者左方選擇表格,鼠標會變成一個向下或向左的箭頭形狀,這時你就可以選中表格單元的內邊框了。這是再設定屬性欄中“Border” 的顏色即可。這樣可以設定表格單元的內邊框爲不同顏色了。把 cellspace 設的大一點,效果將更明顯。
    2、直接編輯 html 源代碼解決。
  81,Q:解決 DW4 的空格輸入問題
     A:DW4 不能輸入空格,這是 DW3 就有的老問題了。這裏提供三種解決辦法:
  1、輸入全角空格。如果你用的是“智能ABC”的拼音輸入的話,請按 SHIFT+空格,這時輸入法的屬性欄上的半月形就變成了圓形了,然後再敲空格鍵,空格就出來了。
    2、你也可以在輸入的時候直接按 CTRL+SHIFT+空格,連按 4 次,就可以得到兩個漢字大小的空格。
    3、將屬性欄中的 FORMAT 設定爲 Preformatted 後,就可直接輸入空格。
  82,Q:解決 DW4 字體設定不能保存的問題
     A:DW4 裏面的字體、文字大小設定(Edit-Preferences-Font/Encoding)不能保存,怎麼解決? 只有修改註冊表,方法是在註冊表主鍵 HKEY_CURRENT_USER/Software/Macromedia/Dreamweaver 4/Font Preferences 下建立 "Number Encodings"=dword:0000000c 和 "Default Encoding"=dword:00000005。
  83,Q:用 css 代碼構造三維字
     A:
    <HTML> 
     <HEAD> 
     <STYLE type=text/css>
     .3dfont {COLOR:#0000ff; FILTER:glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION:relative; WIDTH:100%} 
     </STYLE> 
     </head> 
     <body> 
      <font size=24 class=3dfont>這是三維字體</font> 
      <font size=24>這不是三維字體</font> 
     </body>
  84,Q:IE 的 HTC-behavior 文件
     A:HTML 組件是 Internet Explore 5.5 主要的、革命性的新特徵之一。Microsoft 的目的是用它取代 ActiveX 控件。HTML 組件是封裝的對象,也像 ActiveX 控件一樣是“自包含”的,可以在開發完後發佈給任何人。使用 HTML 組件有很多好處。 
  ActiveX 控件的一個缺點是:在使用前必須在客戶機上安裝註冊。而 HTML 控件是和主文檔一樣隨時由用戶下載到客戶機的。對於 DHTML 作者來說,HTML 控件更有吸引力,因爲他們可以使用已經很熟悉的語言 DHTML 來開發自己的控件和組件。
  HTC 提供了一種簡單的機制在腳本中實現 DHTML 行爲。一個 HTC 文件就是一個以 .htc 爲擴展名存儲的 HTML 文件,它包含腳本和一組 HTC 特有的自定義元素。這些元素描述了 HTML 組件定義的屬性、方法和事件。在腳本中可以通過它們各自的 ID 屬性訪問所有 HTC 元素。這樣,可以通過腳本動態操縱 HTC 元素的所有屬性和方法。
我們能用 HTC 實現以下行爲:
  描述屬性和方法:通過 PROPERTY 和 METHOD 元素定義屬性和方法;
  描述自定義事件:通過 EVENT 元素定義,使用元素的 fire() 方法在它們所在的頁面裏引發這些事件。事件的環境可以通過 createEventObject() 方法設置;
  在它們所在的頁面裏訪問 DHTML 對象模型:HTC 中的 object 元素返回它所附屬的元素,通過這個對象,HTC 能訪問他所在的文檔及其對象模型(屬性、方法和事件)。
  接受通報:當使用 ATTACH 元素時,瀏覽器向 HTC 通報標準 DHTML 事件和兩個 HTC 專有 事件,oncontentready 和 ondocumentready。
  HTC 封裝了行爲的定義,Internet Explorer 5.0 首先提出了行爲這個概念。在 Internet Explorer 5.0 概覽中介紹了行爲這個概念。在 HTC 中使用行爲封裝的好處是不能從它們的元素標記中將它們刪掉。在 IE 5.0 裏,可以通過腳本從元素中除去行爲。在 IE 5.5 裏,元素始終存在,並且不能將它們和原來的行爲分開。
  85,Q:當刷新或關閉 IE 時打開一個窗口
     A:
    <head>
     <script>
      function openwin()
      { window.open('apage.htm')}
     </script>
    </head>
    <body onbeforeunload="return openwin();">
  86,Q:網頁中應用 open 函數打開窗口的一個技巧
     A:window.open 函數應用在鏈接中可以有 2 種形式,即 <a href="javascript:window.open('page.htm','','')">…</a> 
和 <a href=# onClick="window.open('page.htm','','')">…</a>
    但當該鏈接所在的網頁在幀中時,就只能使用第二種,第一種會多產生 1 個包含無用信息的窗口。此外,第二種方法對於用圖片做超鏈接也很方便,形式爲 <img src="圖片文件" onClick="window.open('page.htm','','')">
  87,Q:把滾動條放在瀏覽器窗口的左邊
     A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。注意對於已經排好版的網頁,會使網頁左右產生鏡像顛倒。實際上 RTL 即 Right to Left 的意思,它規定了網頁中的文字方向。正常的網頁文字方向默認爲 LTR。
  88,Q:怎樣把 PHP 的一個數組傳遞給 javascript 的一個數組?
     A:用 javascript 定義一個數組比如 list=new array(),在 php 中有一個數組 $a[],如果要把數組 $a[]的值傳遞給 list 怎麼辦呢?
    <?php
    echo "<script language=javascript>";
    echo "list=new Array();";
    for(i=0;i<count($a);i++)
    { echo "list[i]=" . $a[$i];}
    echo "</script>";
    ?>
    以上代碼只是表述一個思想,其實在 Asp、Jsp 中也同樣可以借鑑使用。
  89,Q:網頁上傳後爲什麼看不到更新效果?
     A:如果上傳真的沒有問題的話,請刪掉本地機器中的網頁臨時緩衝文件試試。同時,有些網站(如 China.com)要在更新幾十分鐘到幾小時之後才能看到更新結果。
  90,Q:在 IE 子窗口能調用父窗口的函數(function)嗎?
     A:可以。例如,父窗口這樣寫:
    ……
        <head>
     <script> function F() { alert("父窗口函數"); } </script> 
    </head>
    <body onload="open('2.htm')">
     <input type=hidden id=F1 onclick="F()">
    在子窗口中這樣寫:
     <input type=button value="執行父窗口函數" onclick="javascript:window.opener.document.all.F1.click()">
    或者乾脆這樣寫:<input type=button value="執行父窗口函數2" onclick="javascript:opener.F()">
  91,Q:在 Windows 桌面上建立網站鏈接的快捷方式
     A:
    <script language="Javascript">
     var WshShell = new ActiveXObject("WScript.Shell");
     strDesktop = WshShell.SpecialFolders("Desktop");
     var oUrlLink = WshShell.CreateShortcut(strDesktop + "//十萬個爲什麼.url");
     oUrlLink.TargetPath = "http://100000.home.sohu.com";
     oUrlLink.Save();
    </script>
  92,Q:在桌面上建立應用程序的快捷方式
     A:以在桌面上建立 Notepad.exe 的快捷方式爲例:
    <Script language="Javascript">
     var WSHShell = WScript.CreateObject("WScript.Shell");
     //Read desktop path using WshSpecialFolders object
     var DesktopPath = WSHShell.SpecialFolders("Desktop");
     //Create a shortcut object on the desktop
     var MyShortcut = WSHShell.CreateShortcut(DesktopPath + "//notepad 的快捷方式.lnk");
     //Set shortcut object properties and save it
     MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings("%windir%//notepad.exe");
     MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings("%windir%");
     MyShortcut.WindowStyle = 1;
     MyShortcut.Description = "Shortcut Script 腳本";
     MyShortcut.Hotkey = "CTRL+Alt+F";
     MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings("%windir%//notepad.exe, 0");
     MyShortcut.Save();
     WScript.Echo("成功建立桌面上 Notepad 的快捷方式");
    </Script>
  93,Q:在收藏夾中加入 Url 的快捷方式
     A:
    <Script language="Javascript">
     var WshShell = new ActiveXObject("WScript.Shell");
     strFav = WshShell.ExpandEnvironmentStrings("%windir%//Favorites");
     var MyFav = WshShell.CreateShortcut(strFav + "//我的十萬個爲什麼.url");
     MyFav.TargetPath = "http://100000.home.sohu.com";
     MyFav.Save();
    </Script>
  94,Q:屏蔽網頁中的錯誤提示信息
     A:在網頁的<Body>中加腳本:<Script> window.onerror="return true";</Script>
  95,Q:控制網頁表格的邊框顯示
     A:(1)、控制表格的邊框:
     表格標籤 <Table> 有一個 Frame 屬性,可以控制表格的邊框:
      frame=box 顯示所有邊框
      frame=void 不顯示所有邊框
      frame=above 只顯示上邊框
      frame=below 只顯示下邊框
      frame=hsides 只顯示上下邊框
      frame=vsides 只顯示左右邊框
      frame=lhs 只顯示左邊框
      frame=rhs 只顯示右邊框
    (2)、控制表格行與列的分隔線:
     表格標籤 <Table> 有一個 Rules 屬性,可以控制表格的分隔線:
      Rules=all 顯示所有分隔線
      Rules=none 不顯示任何分隔線
      Rules=rows 只顯示行與行之間的分隔線
      Rules=cols 只顯示列與列之間的分隔線
    (3)、用表格製作線條:
     以下代碼可以實現一條線段:
      <table width=80% border=1 cellpadding=0 cellspacing=0 bordercolor=#e8e8ff frame=below>
       <tr><td>&nbsp;</td></tr>
      </table>
  96,Q:關於表格中的 <thead>、<tbody>、<tfoot> 標籤以及表格的列分組
     A: <thead> 是“頭”標籤,<tbody> 是“體”標籤,<tfoot> 是“腳註”標籤。用它們可以把表格的標頭、表格體、腳註進行分組(行分組),便於分別控制它們的外觀。表格的列分組標籤是 <colgroup>,它有 span、align 等屬性,舉例如下:
    <table border=1 width=60%>
     <colgroup span=3 align=center>
     <colgroup align=left>
     <colgroup align=right>
     <tr><td>aaa</td><td>I'm aaa</td><td>男</td><td>100.20</td><td>1500.00</td></tr>
     <tr><td>bbb</td><td>I'm bbb</td><td>女</td><td>32.50</td><td>32000.90</td></tr>
     <tr><td>ccc</td><td>I'm ccc</td><td>女</td><td>66.00</td><td>10000.50</td></tr>
    </table>
  97,Q:保護自己的網頁文本和圖片:
     A:
    (1)、自己辛苦創作或收集的文章被別人“^C^V”偷了去,誰心裏都不會舒服的。我們可以在自己的網頁<Body>標籤中加入 onselectstart="return false" 語句,使鼠標不能選擇文本;
    (2)、在網頁 <Body> 標籤中加入 oncontextmenu="self.event.returnValue=false" 語句,使單擊鼠標右鍵時不能彈出右鍵選單,也就不能執行“圖片另存爲”命令選項;
    (3)、禁止右鍵菜單:把下列代碼加入到<head> 與 </head> 之間
     <SCRIPT language=javascript>
    function click()
      { 
     if (event.button==2)
       {alert('歡迎訪問本站!')} 
     }
     document.onmousedown=click 
     </SCRIPT>
     (該方法可以被人輕易破解)
    (4)、禁止右鍵菜單:彈出“添加至收藏夾”窗口
     <SCRIPT language=JavaScript>
     <!-- 
     function click()
     { 
     if (event.button==2) 
     {window.external.addFavorite(this.location,this.document.title)}
     } 
     document.onmousedown=click 
     //-->
    </SCRIPT>
     (該方法也可以破解)
    (5)、自己定製右鍵菜單,這是最聰明、最科學的方法。具體方法請參考本站的有關條目。
  98,Q:使用 css 讓網頁中的圖片居於頁面正中:
     A:
    一般情況下,想讓你的 LOGO 居中是一件非常痛苦的事情。除非你作一個足夠大的底圖,但是頁面下載的速度可就… 現在 CSS 可以幫我們作到這一點,你只要將下面的代碼 COPY 到 <head></head> 之間就可以了。不必再考慮頁面的大小和分辨率了。
    <STYLE TYPE="text/css">
    <!--
     BODY {background-image: URL(logo.gif);
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;}
     -->
    </STYLE>
    logo.gif 是你的圖片,如果與頁面文件不在同一個路徑下,需要指明路徑;background-position 代表位置,center 表示居中。background-repeat 表示是否平鋪,可取 no-repeat、repeat-x、repeat-y 等值。 background-attachment 爲 fixed 時可以使頁面滾動時背景圖固定不動(鎖定)。
  99,Q:瀏覽器全屏顯示:
     A:把如下代碼加入 <body> 區域中:
     <form>
      <input type=BUTTON name=FullScreen value=全屏顯示 onClick="window.open('The_URL','big','fullscreen=yes')">
     </form>
100,Q:在網頁中用代碼調用打印機打印當前頁面:
     A:代碼加入 HTML 的〈BODY〉區的任意位置:
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
     if (window.print)
      {document.write('<form>'+ '<input type=button name=print value="打印頁面" '+'onClick="javascript:window.print()"></form>');}
    //-->
    </script>
    (說明:document.write 一句請寫在一行,不要回車斷行。)
 
 
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章