posts - 73,  comments - 55,  trackbacks - 0


          1.網(wǎng)頁(yè)技術(shù)分為三個(gè)方面:靜態(tài)網(wǎng)頁(yè)、網(wǎng)頁(yè)美工、動(dòng)態(tài)網(wǎng)頁(yè)。
          2.DHTML(動(dòng)態(tài)HTML)是一種通過(guò)各種技術(shù)的綜合而得以實(shí)現(xiàn)的概念,包括三部分:HTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)。
          3.顏色“#rrggbb”六位十六進(jìn)制數(shù)。
          4.js刪除提示
          1)<a? href="#" onclick="return(confirm('刪除后無(wú)法恢復(fù),您確定刪除嗎?'))">刪除</a>
          2)JS
          <a? href="#" >刪除</a>
          <script language="javascript" type="text/javascript">
          function delete_confirm(){
          ?if(event.srcElement.outerText=="刪除" || event.srcElement.value=="刪除")
          ? event.returnValue=confirm("刪除后將不能恢復(fù),您確認(rèn)執(zhí)行刪除操作么?");
          ?}
          ?document.onclick=delete_confirm;
          </script>

          5.點(diǎn)擊按鈕/鏈接彈出提示
          1)<input type=button value="reload" onclick="javascript:reload()">
          <script type="text/javascript">
          function reload() {
          ??if (confirm("確認(rèn)?"))
          ?{
          ?var url="#";
          ?window.location.href=url;
          ?}
          }
          2)<a? href="確認(rèn)后的連接地址" onclick="return(confirm('想要的提示信息?'))">顯示信息</a>

          6.返回主頁(yè)/前頁(yè)
          返回前頁(yè):使用OnClick="history.go(-1)"
          返回主頁(yè):使用OnClick='top.location.href="index.jsp"'
          <a href="javascript:history.back()">后退</a>
          <a href="javascript:history.go()">前進(jìn)</a>
          <a href="javascript:location.reload()">刷新</a>

          7.定時(shí)關(guān)閉網(wǎng)頁(yè)
          在head區(qū)加入
          <SCRIPT LANGUAGE="javascript">
          setTimeout('window.close();',2000);
          </SCRIPT>
          表示兩秒后自動(dòng)關(guān)閉窗口。

          8. 背景音樂(lè)
          顯示操作面板:
          在相應(yīng)地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
          不顯示操作面板:
          在頁(yè)中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
          或<embed src="aladdin.mid" autostart="true" loop="2" width="80" height="30">

          9. 如何讓瀏覽器正確顯示word 文件格式?
          為了正確處理word 等格式,你需要在HTML文件中設(shè)置好該文件類型
          <meta http-equiv="Content-Type" content="application/msword">
          還有其它經(jīng)常設(shè)置的文件類型:
          application/msword Microsoft Word Document
          application/pdf PDF Document
          application/wordperfect6.0 WordPerfect 6.0 Document
          application/zip ZIP archive
          audio/x-wav WAV audio format
          audio/midi MIDI audio format
          audio/x-pn-realaudio RealAudio
          image/gif GIF image format
          image/jpeg JPEG image format
          image/png PNG image format
          text/html HTML document
          text/plain Plain text
          video/mpeg MPEG video format
          video/quicktime QuickTime video format
          video/x-msvideo AVI video format

          10. 鏈接的不同方式
          在幀里顯示:在鏈接處加target="main"語(yǔ)句,其中main為幀名
          整頁(yè)顯示:在鏈接處加target="_top"語(yǔ)句
          開新窗口:在鏈接處加target="resource window"語(yǔ)句,如<A HREF="index.htm" TARGET="resource window"></A>

          11. 強(qiáng)制主頁(yè)每次都不進(jìn)行緩存,而從服務(wù)器上重讀
          在Head部分加
          <MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
          這樣一來(lái),瀏覽器將不考慮cacke中的內(nèi)容而強(qiáng)制重新讀入您的頁(yè)面,等于用戶使用Reload。

          12. 自動(dòng)刷新
          定時(shí)刷新:<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
          幻燈片效果:語(yǔ)句類似上面,但在頁(yè)面1中URL指向頁(yè)面2,而頁(yè)面2指向頁(yè)面3 ...
          頁(yè)面n指回頁(yè)面1,即可實(shí)現(xiàn)循環(huán)顯示頁(yè)面的效果

          13.提前載入圖片
          如果您的站點(diǎn)中后面的頁(yè)有大圖形需要顯示,您不妨在第一頁(yè)中提前載入。把語(yǔ)句:
          <img src="image.jpg" width=0 height=0> ,其中width,height要設(shè)置為0, 放在第一頁(yè)HTML中的任何地方。
          如果您的訪問(wèn)者在第一頁(yè)停留的時(shí)間足夠長(zhǎng),當(dāng)他進(jìn)入第二頁(yè)時(shí),圖象會(huì)立即顯示出來(lái)

          14. 自動(dòng)連接
          在預(yù)定時(shí)間后自動(dòng)連入另一個(gè)指定的頁(yè)面。
          方法:
          在<title>...</title>中加入以下一行:
          <meta http-equiv="refresh" content="10"; url="otherpage.htm">
          其中10代表10秒后自動(dòng)連接。

          15.?移動(dòng)文字
          這在主頁(yè)上是常用的,其制作方法很簡(jiǎn)單。
          <marquee>要移動(dòng)的文字</marquee>
          ? 1.移動(dòng) 的方向:<direction=!> !=left, right
          ? 2.移動(dòng)的方式:<bihavior=!> !=scroll ,side,alternate
          ? 3.循環(huán)次數(shù):<loop=!> !=次數(shù)。若未指定則循環(huán)不止。
          ? 4 循環(huán)速度:<scrollamount=!> !=數(shù)

          16. 浮動(dòng)背景(背景圖像不滾動(dòng) )
          當(dāng)你拉住下拉條時(shí),背景不動(dòng)。
          <body backgroud="#ffff" bgproperties="fixed">
          或用CSS樣式表定義:
          <style type="text/css">
          <!--
          body { background-image: url(image/bg.gif); background-attachment: fixed}
          -->
          </style>

          17. 讓背景圖像不平鋪的CSS樣式表定義:
          <style type="text/css">
          <!--
          body { background-image: url(image/bg.gif); background-repeat: no-repeat}
          -->
          </style>
          (不懂)18. 測(cè)試瀏覽器類別并自動(dòng)裝入不同的網(wǎng)頁(yè)
          目前微軟和網(wǎng)景的瀏覽器并不能完全兼容所有網(wǎng)頁(yè),有的在某種瀏覽器里非常漂亮,而用其它瀏覽器查看時(shí)卻一團(tuán)糟。如果你需要測(cè)試瀏覽器,可以加入以下javascript代碼并保存單獨(dú)一個(gè)網(wǎng)頁(yè):
          <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="nn4.htm"'',10);
          } else {
          setTimeout(''location.href="ie4.htm"'',10);
          }
          }
          </script>
          19. 定義本網(wǎng)頁(yè)的關(guān)鍵字
          在網(wǎng)頁(yè)中加入關(guān)鍵字,可以供某些搜索站臺(tái)機(jī)器人的使用,它們會(huì)利用該關(guān)鍵字為你的網(wǎng)站做索引,這樣,當(dāng)別人用關(guān)鍵字搜索網(wǎng)站時(shí),如果你的網(wǎng)頁(yè)包含該關(guān)鍵字,那么就可以被列出了,定義本網(wǎng)頁(yè)關(guān)鍵字,可以加入以下代碼:
          <meta name="keywords" content="html,dreamweaver,flash,css">
            content 所包含的就是關(guān)鍵字,你可以自行設(shè)置。
            這里有個(gè)技巧,你可以重復(fù)某一個(gè)單詞,這樣可以提高自己網(wǎng)站的排行位置,如:
          <meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">
          20. 在網(wǎng)頁(yè)中加入E-mail鏈接并顯示預(yù)定的主題
          <a href="mailto:renyang@mail.taiji.com.cn?cc=renyangok@yahoo.com.cn&subject=hello&body=hello">
          21. 隱藏在狀態(tài)欄里出現(xiàn)的鏈接信息
          當(dāng)指向一個(gè)鏈接時(shí),該鏈接的信息會(huì)出現(xiàn)在瀏覽器狀態(tài)欄里,如果需要隱藏信息,可以如下設(shè)置:
          <a href="  如果想要指向一個(gè)鏈接時(shí),瀏覽器狀態(tài)欄里出現(xiàn)特定的信息,把none 改成你需要的文字即可。
          22.如何正確使用圖片格式?
          目前在網(wǎng)絡(luò)上的圖片準(zhǔn)標(biāo)準(zhǔn)格式為JPG和GIF。當(dāng)圖片顏色數(shù)很多時(shí),就選擇JPG,它的壓縮比高,而GIF適合顏色數(shù)少的圖片。
          23. 如何在網(wǎng)頁(yè)上顯示訪問(wèn)者系統(tǒng)信息?
          把以下代碼加入到<Body></Body>:
          <script Language="javascript">
          document.write(navigator.appVersion)
          </script>
          24. 如何點(diǎn)擊一個(gè)鏈接同時(shí)在兩個(gè)frame 內(nèi)變化?
          對(duì)于一個(gè)由topFrame、leftFrame、mainFrame 構(gòu)成的頁(yè)面,如果想在leftFrame 中點(diǎn)擊鏈接,同時(shí)在其他兩個(gè)frame 內(nèi)變化,代碼如下:
          <a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">
          25. 打開一個(gè)新的瀏覽器窗口并設(shè)置窗口的屬性
          如果你需要在載入站點(diǎn)的同時(shí),再打開另一個(gè)新窗口,加入以下代碼即可:
          <script language="javascript">
          <!--
          var gt = unescape('%3e');
          var popup = null;
          var over = "Launch Pop-up Navigator";
          popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,
          ???? status=yes,menubar=no,scrollbars=yes');
          if (popup != null) {
          ???? if (popup.opener == null) {
          ????????? popup.opener = self;
          ???? }
          ??? popup.location.href = 'pop.htm';}
          //-->
          </script>
          期中pop.htm可以設(shè)置為你的htm文件,對(duì)于設(shè)置新窗口的屬性,對(duì)照以下設(shè)置:
          popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');
          width:寬,height:高,resizable:是否允許訪客縮放新窗口,scrollbars:如果文本超過(guò)一屏,是否生成滾動(dòng)條,status:是否顯示狀態(tài)欄,menubar:是否顯示菜單,location:是否顯示地址欄.
          以上所有屬性使用格式為:屬性=yes或者no.而width和height兩個(gè)屬性為:width=#pixels,height=#pixels.
          26. 打印按鈕
          <form>
          <input name="Print" onClick="window.print();
          return false" type="button" value="Print">
          </form>
          27. 查看源碼按鈕
          <input type=button name="view" value="查看源碼" onClick=''window.location="view-source:" +window.location.href'' style="font-size:9pt">
          28. 如何去掉頁(yè)面滾動(dòng)條?
          在body 中加入樣式表控制,代碼如下:
          <body bgcolor="#000000" leftmargin="0" topmargin="0"
          style="overflow-x: hidden; overflow-y: hidden; width: 100%">
          29. 如何讓站點(diǎn)自動(dòng)跳轉(zhuǎn)到另一頁(yè)?
          加入以下代碼到HTML文件中即可:
          <meta http-equiv="refresh" content="5;url=http://www.yhyhw.com/">
          content中的"5"為停留的秒數(shù),
          http://www.yhyhw.com/ 是將要跳轉(zhuǎn)的頁(yè)面。
          30. 水平線、垂直線
          插入HR很簡(jiǎn)單:<hr size="1">。如何讓它垂直呢,更簡(jiǎn)單:<hr size="100" width="1">
          31. 如何讓下拉式菜單中的鏈接來(lái)打開一個(gè)新的窗口?
          先把下拉式菜單設(shè)置好,如:
          <form method="POST">
          <select name="D1" size="1">
          <option value="<option value="<input type="submit" value="確定" name="B1"><input type="reset" value="重置"name="B2"></p></form>
          然后把<select name="D1" size="1">改為
          <select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。
          32. 如何讓下拉式菜單中的鏈接來(lái)打開一個(gè)新的窗口?
          先把下拉式菜單設(shè)置好,如:
          <form method="POST">
          <select name="D1" size="1">
          <option value="
          <option value="<input type="submit" value="確定" name="B1"><input type="reset" value="重置"name="B2"></p></form>
          然后把<select name="D1" size="1">改為
          <select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

          34. 如何跳到頁(yè)面的頂部?
          當(dāng)瀏覽者瀏覽到頁(yè)面底部后,你需要提供一個(gè)單擊,讓瀏覽者方便的跳到頁(yè)面頂部,加入以下代碼:
          <a href="#top">返回頂部</a>
          35.如何讓瀏覽器正確顯示word文件格式?
          為了正確處理word等格式,你需要在HTML文件中設(shè)置好該文件類型,比如:
          <meta http-equiv="Content-Type" content="Application/msword">
          還有其它經(jīng)常設(shè)置的文件類型:
          Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format
          36.如何在一個(gè)站點(diǎn)不同頁(yè)面間播放同一種聲文件?
          大家有這樣的經(jīng)驗(yàn),當(dāng)你訪問(wèn)一個(gè)站點(diǎn)首頁(yè)時(shí),會(huì)聽到該頁(yè)設(shè)置的背景聲音文件,比如一段音樂(lè)。當(dāng)你鏈接到該站點(diǎn)另一頁(yè)時(shí),音樂(lè)就停止了。如何讓聲音不斷呢。其實(shí),你只需要建立一個(gè)上下框架結(jié)構(gòu)的網(wǎng)頁(yè),把聲音文件建立在下框架里,并把下框架的寬度設(shè)置為一個(gè)像素,而上框架里是頁(yè)面內(nèi)容,當(dāng)訪問(wèn)者離開站點(diǎn)首頁(yè)時(shí),因下框架內(nèi)容未變,所以,聲音不會(huì)間斷。大家還要注意兩點(diǎn),第一,把框架的邊框設(shè)置為0;第二,隱藏聲音文件的播放界面,然后把上下兩個(gè)框架的背景設(shè)置為相同。
          37.如何讓所有頁(yè)面共享同一個(gè)層疊樣式表(CSS)?
          在每一個(gè)頁(yè)面的<HEAD></HEAD>部分中加入以下代碼:
          <link rel="stylesheet" Type="text/css" href="cnshell.css">
          其中cnshell.css為共享的層疊樣式表文件
          38.如何為鏈接定制新窗口?
          我們可以打開一個(gè)新的窗口來(lái)顯示鏈接的內(nèi)容,但如何定制這個(gè)新窗口呢。
          只需要在標(biāo)簽<A>中加入onClick事件:
          <a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,
          resizable=yes,width=500,height=40')">問(wèn)答</a>
          "#"表示單擊鏈接"問(wèn)答"后,當(dāng)前窗口保持不變,cnshell.htm為單擊鏈接"問(wèn)答"后所打開新窗口裝載的內(nèi)容,而scrollbars=yes,resizable=yes,width=500,height=40為設(shè)置新窗口的大小等屬性。
          39. 如何在頁(yè)面利用單擊來(lái)關(guān)閉瀏覽窗口?
          在<BODY></BODY>部分加入以下代碼:
          <a href="javascript:window.close()">關(guān)閉窗口</a>
          40. 如何刪除圖片鏈接的藍(lán)色邊框?
          如果我們?cè)O(shè)置了圖片為一個(gè)鏈接,會(huì)發(fā)現(xiàn)圖片四周出現(xiàn)了藍(lán)色邊框。要?jiǎng)h除邊框,需要在圖片標(biāo)簽里加上border="0"。如:<img src="dog.jpg" border="0">
          41. 如何清除頁(yè)面中的框架結(jié)構(gòu)?
          在鏈接屬性中加入target="_top" 如下設(shè)置:
          <a href="
          當(dāng)你單擊了這個(gè)鏈接,頁(yè)面所有框架被清除并以該鏈接內(nèi)容替代。
          42.直接跳轉(zhuǎn)到下一頁(yè)面
          <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
          后加入下面語(yǔ)句,表示跳轉(zhuǎn)到Config.do
          <meta http-equiv="refresh" content="0;url=Config.do" />
          43. 如何創(chuàng)建一個(gè)下拉菜單?
          我們?cè)谥黜?yè)中常會(huì)用到下拉菜單,一般來(lái)說(shuō),它需要CGI程序支持。你也可以利用javascript編寫一個(gè)。
          <head>
          <script LANGUAGE="javascript">function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex]
          .value;window.location.href = URL;}
          </script>
          </head>
          <body>
          <form name="form"><select NAME="site" SIZE="1" onChange="formHandler()"><option value="請(qǐng)選擇">請(qǐng)選擇</option><o(jì)ption value="
          mailtocnshell@163.net">給我寫信</option></select></form>
          </body>
          44.如何建立一個(gè)站點(diǎn)的搜索引擎系統(tǒng)?
          如果你的站點(diǎn)有許多內(nèi)容,你希望訪問(wèn)者能很快找到他想要的信息。那么你需要建立一個(gè)搜索引擎。連接到網(wǎng)站網(wǎng)絡(luò)特區(qū)45. 什么是目標(biāo)窗口,它該如何設(shè)置?
          目標(biāo)窗口是頁(yè)面鏈接所指內(nèi)容顯示的窗口,也就是當(dāng)你單擊了頁(yè)面某一個(gè)鏈接后,該鏈接所指的內(nèi)容在那個(gè)窗口顯示。大多數(shù)情況下,我們無(wú)需關(guān)心它,因?yàn)橐话愣际窃谕淮翱陲@示。target是鏈接標(biāo)簽<a>的屬性,它的作用就是指定目標(biāo)窗口,target有以下幾個(gè)值:
          _self-將鏈接指向的內(nèi)容裝載到當(dāng)前頁(yè)的窗口或框架中
          _top-完全取代當(dāng)前頁(yè)面的所有框架
          _blank-為鏈接指向的內(nèi)容打開一個(gè)新的窗口
          _parent-把鏈接指向的內(nèi)容裝入當(dāng)前頁(yè)<FRAMESET>父窗口中
          以上設(shè)置多用在框架結(jié)構(gòu)的頁(yè)面中。
          46. 如何為所有鏈接指定同一目標(biāo)窗口?
          在框架網(wǎng)頁(yè)結(jié)構(gòu)中,我們需要指定鏈接所指向的內(nèi)容顯示在那個(gè)窗口中。如果你的鏈接大部分都指定到同一個(gè)窗口中,就可以在<HEAD></HEAD>部分中加入:<base target="窗口名">,你無(wú)需為每個(gè)鏈接再指定窗口了。
          47. 盡量用table標(biāo)簽,這樣可以避免<td>之間的干擾;<table>盡量設(shè)為<table width="100%" border="0" cellpadding="0" ellspacing="0">,一方面是不顯示表格線,另一方面占滿整個(gè)寬度,不會(huì)因?yàn)閮?nèi)容不夠而寬度變窄;包含<table>的 <td>要設(shè)為<td valign="top">,不然內(nèi)部table默認(rèn)居中。
          48.<table>中第一行表格的width控制各列寬度;每列第一個(gè)格的height控制各行高度。
          49.如何把一行表單或圖片都放于middle位置:要把每一個(gè)都用<td>隔開,每個(gè)<td>都要設(shè)valign="middle"。
          50.<td></td>之間不要有空格或空行,即應(yīng)該<td><img src="***"></td>這么寫,否則圖片上下會(huì)產(chǎn)生空白的一細(xì)條。
          51.&nbsp;表示一個(gè)空格,這個(gè)空格占一個(gè)字符(對(duì)于字母)還是兩個(gè)字符(對(duì)于漢字)是根據(jù)瀏覽器的(工具->Internet選項(xiàng)->語(yǔ)言)來(lái)決定的,是不確定的,所以中文開頭只需要兩個(gè)&nbsp;而不是四個(gè)&nbsp;。
          52.在線播放:
          下面兩個(gè)視頻,前一個(gè)是RM視頻(.rm .rmvb),后一個(gè)是MP視頻(.wmv .asf .avi),為了不影響大家,都設(shè)置為手動(dòng)播放,并將相關(guān)的代碼及說(shuō)明放在了視頻的下面:
          RM源代碼:
          <OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=352 height=288>
          <PARAM NAME=SRC VALUE="
          <PARAM NAME=CONSOLE VALUE="<PARAM NAME=CONTROLS VALUE=imagewindow>
          <PARAM NAME=AUTOSTART VALUE=0 >
          </OBJECT>
          <br>
          <OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=32 id="video" width=352>
          <PARAM NAME=SRC VALUE="
          <PARAM NAME=AUTOSTART VALUE=0>
          <PARAM NAME=CONTROLS VALUE=controlpanel>
          <PARAM NAME=CONSOLE VALUE="
          </OBJECT>
          說(shuō)明:以后可以直接把以上代碼放到網(wǎng)頁(yè)中使用,需要修改的屬性說(shuō)明如下width=352 height=288 這是控制媒體高度和寬度的VALUE="

          MP源代碼:
          <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=160 height=168 >
          <PARAM NAME=AUTOSTART VALUE=0 >
          <param name=ShowStatusBar value=-1>
          <param name=Filename value=http://xiaoping.cqie.cn/wmv/jler.wmv>
          <embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src="
          </embed>
          </object>

          53.樹狀顯示js代碼
          (要求:某行文本前面有一個(gè)加號(hào)的標(biāo)簽,一點(diǎn)擊加號(hào)變成減號(hào),同時(shí)該行展開它之下所屬信息,以縮進(jìn)形式呈現(xiàn),再點(diǎn)擊減號(hào)又變回加號(hào)、下面展開的文本收回,這應(yīng)該怎么做?除了js方式有什么其他方式實(shí)現(xiàn)么?謝謝!)
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <title>無(wú)標(biāo)題文檔</title>
          <script language="javascript">
          function showLay(divId){
          ??????? var objDiv = eval(divId);
          ??????? if (objDiv.style.display=="none"){
          ??????????????? eval("sp"+divId+".innerHTML='-'");
          ??????????????? objDiv.style.display="";
          ??????? }else{
          ??????????????? eval("sp"+divId+".innerHTML='+'");
          ??????????????? objDiv.style.display="none";
          ??????? }}
          </script>
          </head>
          <body>
          <a href="#" onclick="showLay('Layer1')"><span id="spLayer1">+</span>a</a><br>
          <div id="Layer1" style="display:none;">
          |-<a href="insert_unit_info.html" target="body">a1</a><br>
          |-<a href="select_unit_info.jsp" target="body">a2</a><br>
          </div>
          <a href="#" onclick="showLay('Layer2')"><span id="spLayer2">+</span>b</a><BR>
          <div id="Layer2" style="display:none;">
          |-<a href="insert_item_info.html" target="body">b1</a><br>
          |-<a href="select_item_info.jsp" target="body">b2</a><br>
          </div>
          <a href="#" onclick="showLay('Layer3')"><span id="spLayer3">+</span>c</a><BR>
          <div id="Layer3" style="display:none;">
          |-<a href="insert_expert_info.html" target="body">c1</a><br>
          |-<a href="select_expert_info.jsp" target="body">c2</a><br>
          </div>
          <a href="#" onclick="showLay('Layer4')"><span id="spLayer4">+</span>d</a><BR>
          <div id="Layer4" style="display:none;">
          |-d1<br>
          |-d2<br>
          </div>
          </body>
          </html>

          54.下拉菜單(新建個(gè).html文件,把代碼考進(jìn)去就行)
          <html>
          <head>
          <title>打造下拉菜單</title>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <script language="javascript">
          function MM_reloadPage(init) {? //reloads the window if Nav4 resized
          ? if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
          ??? document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
          ? else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
          }
          MM_reloadPage(true);
          function MM_findObj(n, d) { //v4.0
          ? var p,i,x;? if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
          ??? d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
          ? if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
          ? for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
          ? if(!x && document.getElementById) x=document.getElementById(n); return x;
          }
          function MM_showHideLayers() { //v3.0
          ? var i,p,v,obj,args=MM_showHideLayers.arguments;
          ? for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
          ??? if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
          ??? obj.visibility=v; }
          }
          </script>
          </head>
          <body bgcolor="#CCCCCC" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll=auto>
          <div id="title" style="position:absolute; left:8px; top:15px; width:240px; height:15px; z-index:1; background-color: #006699;
          layer-background-color: #006699; border: 1px none #000000">
          ? <table width="480" cellspacing="0" cellpadding="2">
          ??? <tr>
          ????? <td width="120" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers
          ('menu1','','hide')"><b><font color="#FFFFFF"><a href="#">■
          ??????? 經(jīng)典論壇</a></font></b> </td>
          ??? </tr>
          ? </table>
          </div>
          <div id="menu1" style="position:absolute; left:8px; top:34px; width:120px; height:80px; z-index:2; background-color: #999966;
          layer-background-color: #999966; border: 1px none #000000; visibility: hidden" onMouseOver="MM_showHideLayers
          ('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
          ? <table width="100%" cellspacing="0" cellpadding="2" height="80">
          ??? <tr>
          ????? <td>&nbsp;<a href="#">Dreamweaver 專欄</a></td>
          ??? </tr>
          ??? <tr>
          ????? <td>&nbsp;<a href="#">Fireworks 專欄</a></td>
          ??? </tr>
          ??? <tr>
          ????? <td>&nbsp;<a href="#">Flash 基本操作</a></td>
          ??? </tr>
          ??? <tr>
          ????? <td>&nbsp;<a href="#">Flash 5 Action</a></td>
          ??? </tr>
          ? </table>
          </div>
          </body>
          </html>

          55.防止下載網(wǎng)頁(yè)信息(例如顯示受控文件)的簡(jiǎn)單方法:
          a。屏蔽鼠標(biāo)左右鍵,<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
          b。加密網(wǎng)頁(yè)源文件,推薦Batch Html Encryptor加密軟件。
          c.用Adobe Acrobat 6.0 Standard軟件加密。
          ?
          55。此方法顯示下拉框默認(rèn)值
          <select name="max">
          ?<option value="1">第一名</option>
          ?<option value="2">第二名</option>
          ?<option value="3">第三名</option>
          </select>
          <script>document.all("max").value="3"</script>

          56.用javascript設(shè)置輸入框焦點(diǎn)
          <html>
          <head>
          <script language="javascript">
          function t() {
          document.getElementById('aa').focus();?
          }?????????????????????????? <!--設(shè)置id為aa的元素得到焦點(diǎn)-->
          </script>
          </head>
          <body onload="javascript:t()">
          <input type="text" id="aa"> <!--設(shè)置文本輸入框的id為aa-->
          </body>
          </html>

          57.select標(biāo)簽下的OPTION標(biāo)簽沒(méi)有value屬性時(shí),把內(nèi)容當(dāng)屬性傳過(guò)去,比如<OPTION>所有用戶</OPTION>傳的值就是所有用戶,建議用以下方法。
          <select name="account.accountId" >
          ????<OPTION value="">所有日志</OPTION>
          ????<OPTION value="renyang">任楊</OPTION>
          </select>

          58.不保留緩存方法:
          <%
          response.setHeader("Pragma", "No-cache");
          response.setHeader("Cache-Control", "no-cache");
          response.setHeader("Cache-Control", "must-revalidate");
          response.setDateHeader("Expires",0);
          %>

          59.全選、全不選js方法 (直接放在.htm文件中即可)
          <SCRIPT language="javascript">
          function checkAll(e, itemName)
          {
          ? var aa = document.getElementsByName(itemName);
          ? for (var i=0; i<aa.length; i++)
          ?? aa[i].checked = e.checked;
          }
          function check(e, allName)
          {
          ? var all = document.getElementsByName(allName)[0];
          ? if(!e.checked) all.checked = false;
          ? else
          ? {
          ??? var aa = document.getElementsByName(e.name);
          ??? for (var i=0; i<aa.length; i++)
          ???? if(!aa[i].checked) return;
          ??? all.checked = true;
          ? }
          }
          </SCRIPT>
          <input type=checkbox name=allPersons id=allPersons onclick="checkAll(this, 'persons')">&nbsp;<label for="allPersons">全選</label><br>
          <input type="checkbox" name="persons" id=persons value="1">&nbsp;<label for="persons">第一名</label><br>
          <input type="checkbox" name="persons" id=persons value="2">&nbsp;<label for="persons">第二名</label><br>
          <!-- 問(wèn)題:第一名和第二名這兩個(gè)字ID不能一樣,否則點(diǎn)第二名這三個(gè)字時(shí)第一名前的框變化 -->

          60.$('name')同document.getElementById('name'),是一種簡(jiǎn)化寫法。(可能新版本js可用,老版本不行,我項(xiàng)目中試過(guò)一次,不行)

          70.js讀java變量:
          <%
          String s = "welcome";
          %>
          <script language="javascript">
          //alert(<%=s%>);報(bào)錯(cuò)
          alert('<%=s%>');//如果不加單引號(hào)說(shuō)明是變量,加上單引號(hào)才是字符串
          </script>

          FeedBack:
          # re: javascript學(xué)習(xí)筆記
          2006-08-16 09:15 | hao
          好貼,又學(xué)了幾招,

          問(wèn)一下啊,怎么做才能讓百度搜到你的內(nèi)容滴???  回復(fù)  更多評(píng)論
            
          # re: javascript學(xué)習(xí)筆記
          2006-08-22 16:31 | 保爾任
          對(duì)于一個(gè)網(wǎng)站可以看http://www.aygfsteel.com/renyangok/articles/61194.html;對(duì)于一片帖子覺(jué)得一點(diǎn)是看你發(fā)在什么地方了,如果發(fā)在一個(gè)不知名的小網(wǎng)站上就很難查到,還有一點(diǎn)是你的標(biāo)題或內(nèi)容與別人的搜索很相近或一樣,如果一樣的帖子很多,那還得參考的一條。呵呵  回復(fù)  更多評(píng)論
            
          # re: javascript學(xué)習(xí)筆記
          2008-10-21 10:39 | 耳環(huán)
          $('name')同document.getElementById('name'),是一種簡(jiǎn)化寫法。(可能新版本js可用,老版本不行,我項(xiàng)目中試過(guò)一次,不行)

          不是版本不行. 是自己寫的方法:例: function $(objName){ return document.getElementById(objName);}

          你寫. var XXX = $('name'); 他就會(huì)調(diào)用.上面的方法. 而得到直接寫一樣的目的......

          汗.. 我一開始也被你騙的好慘...  回復(fù)  更多評(píng)論
            

          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           

          <2008年10月>
          2829301234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678

          常用鏈接

          留言簿(4)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          •  

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 新邵县| 德格县| 双流县| 贡觉县| 永修县| 定安县| 科技| 开原市| 卓资县| 玉树县| 昌都县| 澄迈县| 铜鼓县| 蒙城县| 九台市| 蒙自县| 陈巴尔虎旗| 开化县| 伊宁县| 新余市| 保靖县| 武清区| 盐城市| 潞西市| 清原| 阿拉善左旗| 临澧县| 隆德县| 赤峰市| 海盐县| 永新县| 平果县| 英德市| 惠东县| 怀集县| 南安市| 包头市| 罗平县| 梓潼县| 丹阳市| 徐水县|