熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

40個網站制作技巧

2013-11-13 10:09:31  來源: .NET編程 

     oncontextmenu= windoweventreturnValue=false    將徹底屏蔽鼠標右鍵
        <table   border   oncontextmenu=return(false)> <td> no </table>   可用於Table

     <body   onselectstart= return   false >   取消選取防止復制

     onpaste= return   false    不准粘貼

     oncopy= return   false;    oncut= return   false;    防止復制

     <link   rel= Shortcut   Icon    faviconico >   IE地址欄前換成自己的圖標

     <link   rel= Bookmark    faviconico >   可以在收藏夾中顯示出你的圖標

     <input   style= imemode:disabled >   關閉輸入法

     永遠都會帶著框架

    <script   language= JavaScript > <!
        if   (window   ==   top)toplocationhref   =   ;   //為框架網頁
        //   > </script>

     防止被人frame

            <SCRIPT   LANGUAGE=JAVASCRIPT> <!
        if   (toplocation   !=   selflocation)toplocation=selflocation;
        //   > </SCRIPT>

     網頁將不能被另存為

            <noscript> <iframe   src= /blog/l> ; </iframe> </noscript>

     <input   type=button   value=查看網頁源代碼

            onclick= windowlocation   =   viewsource: +   >

  刪除時確認

    <a   javascript:if(confirm( 確實要刪除嗎? ))location= boosasp?&areyou=刪除&page= > 刪除 </a>

     取得控件的絕對位置

            //Javascript
        <script   language= Javascript >
        function   getIE(e){
        var   t=eoffsetTop;
        var   l=eoffsetLeft;
        while(e=eoffsetParent)
        alert( top= +t+ /nleft= +l);
        }
        </script>

  //VBScript
        <script   language= VBScript > <!
        function   getIE()
        dim   tlab
        set   a=documentallimg
        t=documentallimgoffsetTop
        l=documentallimgoffsetLeft
        while   atagName <> BODY
        set   a   =   aoffsetParent
        t=t+aoffsetTop
        l=l+aoffsetLeft
        wend
        msgbox   top= &t&chr()& left= &l 得到控件的位置
        end   function
        > </script>


     光標是停在文本框文字的最後

            <script   language= javascript >
        function   cc()
        {
        var   e   =   eventsrcElement;
        var   r   =ecreateTextRange();
        rmoveStart( character evaluelength);
        llapse(true);
        rselect();
        }
        </script>
        <input   type=text   name=text   value=    onfocus= cc() >

     判斷上一頁的來源

            javascript:
        documentreferrer

     最小化最大化關閉窗口

            <object   id=hh   classid= clsid:ADBADFFCFAABA >
        <param   name= Command    value= Minimize > </object>
        <object   id=hh   classid= clsid:ADBADFFCFAABA >
        <param   name= Command    value= Maximize > </object>
        <OBJECT   id=hh   classid= clsid:adbadffcfaaba >
        <PARAM   NAME= Command    VALUE= Close > </OBJECT>
        <input   type=button   value=最小化   onclick=hhClick()>
        <input   type=button   value=最大化   onclick=hhClick()>
        <input   type=button   value=關閉   onclick=hhClick()>

        本例適用於IE

  屏蔽功能鍵ShiftAltCtrl

            <script>
        function   look(){
        if(eventshiftKey)
        alert( 禁止按Shift鍵! );   //可以換成ALT CTRL
        }
        documentonkeydown=look;
        </script>

     網頁不會被緩存

            <META   HTTPEQUIV= pragma    CONTENT= nocache >
        <META   HTTPEQUIV= CacheControl    CONTENT= nocache   mustrevalidate >
        <META   HTTPEQUIV= expires    CONTENT= Wed      Feb      ::   GMT >
        或者 <META   HTTPEQUIV= expires    CONTENT= >

  怎樣讓表單沒有凹凸感?

            <input   type=text   style= border:   solid   # >
        或
        <input   type=text   style= borderleft:none;   borderright:none;   bordertop:none;   borderbottom:

     solid   # > </textarea>

   <div> <span> & <layer> 的區別?

            <div> (division)用來定義大段的頁面元素會產生轉行
        <span> 用來定義同一行內的元素跟 <div> 的唯一區別是不產生轉行
        <layer> 是ns的標記ie不支持相當於 <div>

  讓彈出窗口總是在最上面:

    <body   onblur= thisfocus(); >
        不要滾動條?

  讓豎條沒有:

     <body   style= overflow:scroll;overflowy:hidden >
        </body>
        讓橫條沒有:
        <body   style= overflow:scroll;overflowx:hidden >
        </body>
        兩個都去掉?更簡單了
        <body   scroll= no >
        </body>

        怎樣去掉圖片鏈接點擊後圖片周圍的虛線?

     <a   #    onFocus= thisblur() > <img   src= /blog/logojpg    border=> </a>

  電子郵件處理提交表單

    <form   name= form    method= post    action= mailto:****@**    enctype= text/plain >
        <input   type=submit>
        </form>

  

  在打開的子窗口刷新父窗口的代碼裡如何寫?  windowopenerlocationreload()
       

  如何設定打開頁面的大小  <body   onload= topresizeTo(); >
                打開頁面的位置 <body   onload= topmoveBy(); >

  在頁面中如何加入不是滿鋪的背景圖片拉動頁面時背景圖不動  <STYLE>
        body
        {backgroundimage:url(/blog/logogif);   backgroundrepeat:norepeat;
        backgroundposition:center;backgroundattachment:   fixed}
        </STYLE>
                   檢查一段字符串是否全由數字組成          <script   language= Javascript > <!
        function   checkNum(str){return   strmatch(//D/)==null}
        alert(checkNum( ))
        alert(checkNum( a ))
        //   > </script>

     獲得一個窗口的大小 documentbodyclientWidth;   documentbodyclientHeight

     怎麼判斷是否是字符

     if   (/[^/x/xff]/gtest(s))   alert( 含有漢字 );

  else   alert( 全是字符 );

  TEXTAREA自適應文字行數的多少  <textarea   rows=   name=s   cols=   onpropertychange= thisstyleposHeight=thisscrollHeight >
        </textarea>
       

     日期減去天數等於第二個日期   <script   language=Javascript>
        function   cc(dddadd)
        {
        //可以加上錯誤處理
        var   a   =   new   Date(dd)
        a   =   avalueOf()
        a   =   a      dadd   *      *      *      *  
        a   =   new   Date(a)
        alert(agetFullYear()   +      +   (agetMonth()   +   )   +      +   agetDate()   +   )
        }
        cc( // )
        </script>
                  選擇了哪一個Radio   <HTML> <script   language= vbscript >
        function   checkme()
        for   each   ob   in   radio
        if   obchecked   then   windowalert   obvalue
        next
        end   function
        </script> <BODY>
        <INPUT   name= radio    type= radio    value= style    checked> Style
        <INPUT   name= radio    type= radio    value= barcode > Barcode
        <INPUT   type= button    value= check    onclick= checkme() >
        </BODY> </HTML>
               腳本永不出錯  <SCRIPT   LANGUAGE= JavaScript >
        <!   Hide
        function   killErrors()   {
        return   true;
        }
        windowonerror   =   killErrors;
        //   >
        </SCRIPT>
                ENTER鍵可以讓光標移到下一個輸入框   <input   onkeydown= if(eventkeyCode==)eventkeyCode= >
                  檢測某個網站的鏈接速度

  把如下代碼加入 <body> 區域中:

     <script   language=Javascript>
        tim=
        setInterval( tim++ )
        b=
        var   autourl=new   Array()
        autourl[]=
        autourl[]=
        autourl[]=
        autourl[]=
        autourl[]=
        function   butt(){
        documentwrite( <form   name=autof> )
        for(var   i=;i <autourllength;i++)
        documentwrite( <input   type=text   name=txt +i+    size=   value= /blog/測試中>    =》 <input   type=text
        name=url +i+    size=>   =》 <input   type=button   value=GO

  onclick=windowopen(thisformurl +i+ value)> <br/> )
        documentwrite( <input   type=submit   value=刷新> </form> )
        }
        butt()
        function   auto(url)
        else

  b++
        }
        function   run(){for(var   i=;i <autourllength;i++)documentwrite( <img   // +autourl+ / +Mathrandom()+    width=   height=

  onerror=auto( // +autourl+ )> )}

        run() </script>

     各種樣式的光標
        auto   標准光標
        default   標准箭頭
        hand   手形光標
        wait   等待光標
        text   I形光標
        verticaltext   水平I形光標
        nodrop   不可拖動光標
        notallowed   無效光標
        help   ?幫助光標
        allscroll   三角方向標
        move   移動標
        crosshair   十字標
        eresize
        nresize
        nwresize
        wresize
        sresize
        seresize
        swresize

  頁面進入和退出的特效
        進入頁面 <meta   httpequiv= PageEnter    content= revealTrans(duration=x   transition=y) >
        推出頁面 <meta   httpequiv= PageExit    content= revealTrans(duration=x   transition=y) >
        這個是頁面被載入和調出時的一些特效duration表示特效的持續時間以秒為單位transition表示使用哪種特效取值為:
             矩形縮小
             矩形擴大
             圓形縮小
             圓形擴大
             下到上刷新
             上到下刷新
             左到右刷新
             右到左刷新
             豎百葉窗
             橫百葉窗
             錯位橫百葉窗
             錯位豎百葉窗
             點擴散
             左右到中間刷新
             中間到左右刷新
             中間到上下
             上下到中間
             右下到左上
             右上到左下
             左上到右下
             左下到右上
             橫條
             豎條
             以上種隨機選擇一種

  在規定時間內跳轉

    <META   httpequiv=V= REFRESH    content= ;URL= >

  網頁是否被檢索
        <meta   name= ROBOTS    content= 屬性值 >
          其中屬性值有以下一些:
          屬性值為 all :   文件將被檢索且頁上鏈接可被查詢
          屬性值為 none :   文件不被檢索而且不查詢頁上的鏈接
          屬性值為 index :   文件將被檢索
          屬性值為 follow :   查詢頁上的鏈接
          屬性值為 noindex :   文件不檢索但可被查詢鏈接
          屬性值為 nofollow :   文件不被檢索但可查詢頁上的鏈接

  最大化窗口?

    <script   language= JavaScript >
        <!
        selfmoveTo()
        selfresizeTo(screenavailWidthscreenavailHeight)
        //>
        </script>
        解決問題由於層與下拉框之間的優先級是下拉框   >   層因此在顯示的時候會因為優先級的次序而會出現如上問題(如果幾個元素都是層的話我們可以通過層的   zindex   屬性來設置)解決辦法就是給層中放一個優先級比下拉框更高的元素(iframe)從而解決此問題!具體解決代碼如下          <div   id= menu    style= position:absolute;   visibility:hidden;   top:px;   left:px;   width:px;   height:px;   backgroundcolor:#cc; >
        <table>
            <tr> <td> item   </td> </tr>
            <tr> <td> item   </td> </tr>
            <tr> <td> item   </td> </tr>
            <tr> <td> item   </td> </tr>
            <tr> <td> item   </td> </tr>
            </table>
            <iframe   src= /blog/javascript:false    style= position:absolute;   visibility:inherit;   top:px;   left:px;   width:px;   height:px;   zindex:;   filter= progid:DXImageTransformMicrosoftAlpha(style=opacity=) ; > </iframe>
        </div>

  <a   #    onclick= documentgetElementById( menu )stylevisibility= visible > menu </a>

  <form>
            <select> <option> A   form   selection   list </option> </select>
        </form>

  輸入框也可以做的很漂亮了
        <div   align= center > <input   type= hidden    name= hao    value= yes >
                                    外向數 <input
                    name=answer
                    style= color:   rgb();   borderleft:   medium   none;   borderright:   medium   none;   bordertop:   medium   none;   borderbottom:   px   solid   rgb() >
                                 沒回答的題數 <input
                    name=unanswer   id= unanswer
                    style= color:   rgb();   borderleft:   medium   none;   borderright:   medium   none;   bordertop:   medium   none;   borderbottom:   px   solid   rgb() >
                                <br/>
                                總得分:
                                <input
                    name=score   id= score
                    style= color:   rgb();   borderleft:   medium   none;   borderright:   medium   none;   bordertop:   medium   none;   borderbottom:   px   solid   rgb() >
                                 結    論:
                                <input
                    name=xgjg   id= xgjg
                    style= color:   rgb();   borderleft:   medium   none;   borderright:   medium   none;   bordertop:   medium   none;   borderbottom:   px   solid   rgb() >
                                <br/>
                                <br/>

  <input   onClick=processForm(thisform)   style= FONTFAMILY:   宋體;   FONTSIZE:   pt    type=button   value=查看結果   name= button >
                                  <input   type= reset    name= Submit    value= 重做 >
                                </div>
        注意修改 <body> 為 <body   onload= maxClick() > 即為打開最大

  化窗口而如果改為 <body   onload= minClick() > 就變為窗口一打開就最小化

  <object   id= min    type= application/xoleobject    classid= clsid:adbadffcfaaba >
                                <param   name= Command    value= Minimize >
                            </object>   <object   id= max    type= application/xoleobject    classid= clsid:adbadffcfaaba >
                                <param   name= Command    value= Maximize >
                            </object>
        </body>

  頁面自動刷新(說明)

  當你做網頁時是不是有的時候想讓你的網頁自動不停刷新或者過一段時間自動跳轉到另外一個你自己設定的頁面?其實實現這個效果非常地簡單而且這個效果甚至不能稱之為特效你只要把如下代碼加入你的網頁中就可以了

  頁面自動刷新把如下代碼加入 <head> 區域中 <meta   httpequiv= refresh    content= > 其中指每隔秒刷新一次頁面

  頁面自動跳轉把如下代碼加入 <head> 區域中 <meta   httpequiv= refresh    content= ;url= > 其中指隔秒後跳轉到頁面

  頁面自動關閉

  是指時間 <body   onLoad= setTimeout(windowclose   ) >

  彈出窗口自動關閉

  秒後彈出窗口自動關閉   注意在新的的body中要加   <onLoad= closeit() >
        head

  <script   language= JavaScript >

  <!

  var   gt   =   unescape( %e );

  var   popup   =   null;

  var   over   =   Launch   Popup   Navigator ;

  popup   =   windowopen(    popupnav    width=height=resizable=scrollbars=auto );

  if   (popup   !=   null)   {

  if   (popupopener   ==   null)   {

  popupopener   =   self;

  }

  popuplocationhref   =   ;

  }

  //   >

  </script>
        <body> 注意這段代碼是在新建文件中的
        <script   language= JavaScript >

  function   closeit()

  </script>

  這個可不是 <iframe> (引用)呀是直接調用的以下代碼加入 <body> 區域

  <object   type= text/xscriptlet    width=      height=    data= / >
        </object>


From:http://tw.wingwit.com/Article/program/net/201311/12740.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.