<small id='1lgzl4jh'></small><noframes id='ir5v35aj'>

    <legend id='s39s1oas'><style id='uaijsnye'><dir id='aij4l80s'><q id='8efl5gl1'></q></dir></style></legend><tfoot id='r97j5be1'></tfoot>
    1. <i id='0r6qyf4n'><tr id='47rnvgbw'><dt id='n1lpot1n'><q id='kvmtbpa6'><span id='ftmjg4sc'><b id='sdfzfuxm'><form id='wapaqhpf'><ins id='a1185brh'></ins><ul id='trarp1u8'></ul><sub id='1y2jey0k'></sub></form><legend id='r2vy4b8e'></legend><bdo id='rw3itde4'><pre id='ileqvoit'><center id='h4sz0jxw'></center></pre></bdo></b><th id='ni26o050'></th></span></q></dt></tr></i><div id='azslimq4'><tfoot id='cuyum9tn'></tfoot><dl id='p6usx37s'><fieldset id='7u7mnec8'></fieldset></dl></div>
        <tbody id='a9h9ru7z'></tbody>

      网站建设公司当前位置 : 网站建设公司 > 知识普及

      Web网站开发设计中常用的技巧

      发布时间:2021-09-01 17:01   浏览次数:次   

      1.   οncοntextmenu="window.event.returnValue=false"   将彻底屏蔽鼠标右键  
        <table   border   οncοntextmenu=return(false)><td>no</table>   可用于Table  
         
        2.   <body   onselectstart="return   false">   取消选取、防止复制  
         
        3.   οnpaste="return   false"   不准粘贴  
         
        4.   οncοpy="return   false;"   oncut="return   false;"   防止复制  
         
        5.   <link   rel="Shortcut   Icon"   href="favicon.ico">   IE地址栏前换成自己的图标  
         
        6.   <link   rel="Bookmark"   href="favicon.ico">   可以在收藏夹中显示出你的图标  
         
        7.   <input   style="ime-mode:disabled">   关闭输入法  
         
        8.   永远都会带着框架  
        <script   language="JavaScript"><!--  
        if   (window   ==   top)top.location.href   =   "frames.htm";   //frames.htm为框架网页  
        //   --></script>  
         
        9.   防止被人frame  
        <SCRIPT   LANGUAGE=JAVASCRIPT><!--    
        if   (top.location   !=   self.location)top.location=self.location;  
        //   --></SCRIPT>  
         
        10.   网页将不能被另存为  
        <noscript><iframe   src="/blog/*.html>";</iframe></noscript>    
         
        11.   <input   type=button   value=查看网页源代码    
        οnclick="window.location   =   "view-source:"+   "http://www.williamlong.info"">  
         
        12.删除时确认  
        <a   href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>    
         
        13.   取得控件的绝对位置  
        //Javascript  
        <script   language="Javascript">  
        function   getIE(e){  
        var   t=e.offsetTop;  
        var   l=e.offsetLeft;  
        while(e=e.offsetParent)  
        alert("top="+t+"/nleft="+l);  
        }  
        </script>  
         
        //VBScript  
        <script   language="VBScript"><!--  
        function   getIE()  
        dim   t,l,a,b  
        set   a=document.all.img1  
        t=document.all.img1.offsetTop  
        l=document.all.img1.offsetLeft  
        while   a.tagName<>"BODY"  
        set   a   =   a.offsetParent  
        t=t+a.offsetTop  
        l=l+a.offsetLeft  
        wend  
        msgbox   "top="&t&chr(13)&"left="&l,64,"得到控件的位置"  
        end   function  
        --></script>  
         
        14.   光标是停在文本框文字的最后  
        <script   language="javascript">  
        function   cc()  
        {  
        var   e   =   event.srcElement;  
        var   r   =e.createTextRange();  
        r.moveStart("character",e.value.length);  
        r.collapse(true);  
        r.select();  
        }  
        </script>  
        <input   type=text   name=text1   value="123"   οnfοcus="cc()">  
         
        15.   判断上一页的来源  
        javascript:  
        document.referrer  

      16.   最小化、最大化、关闭窗口  
        <object   id=hh1   classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
        <param   name="Command"   value="Minimize"></object>  
        <object   id=hh2   classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
        <param   name="Command"   value="Maximize"></object>  
        <OBJECT   id=hh3   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">  
        <PARAM   NAME="Command"   VALUE="Close"></OBJECT>  
        <input   type=button   value=最小化   οnclick=hh1.Click()>  
        <input   type=button   value=最大化   οnclick=hh2.Click()>  
        <input   type=button   value=关闭   οnclick=hh3.Click()>  
        本例适用于IE  
         
        17.屏蔽功能键Shift,Alt,Ctrl  
        <script>  
        function   look(){    
        if(event.shiftKey)    
        alert("禁止按Shift键!");   //可以换成ALT CTRL  
        }    
        document.οnkeydοwn=look;    
        </script>  
         
        18.   网页不会被缓存  
        <META   HTTP-EQUIV="pragma"   CONTENT="no-cache">  
        <META   HTTP-EQUIV="Cache-Control"   CONTENT="no-cache,   must-revalidate">  
        <META   HTTP-EQUIV="expires"   CONTENT="Wed,   26   Feb   1997   08:21:57   GMT">  
        或者<META   HTTP-EQUIV="expires"   CONTENT="0">  
         
        19.怎样让表单没有凹凸感?  
        <input   type=text   style="border:1   solid   #000000">    
        或  
        <input   type=text   style="border-left:none;   border-right:none;   border-top:none;   border-bottom:    
         
        1   solid   #000000"></textarea>  
         
        20.<div><span>&<layer>的区别?    
        <div>(division)用来定义大段的页面元素,会产生转行    
        <span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行    
        <layer>是ns的标记,ie不支持,相当于<div>  
         
        21.让弹出窗口总是在最上面:  
        <body   οnblur="this.focus();">  
         
        22.不要滚动条?    
        让竖条没有:    
        <body   style="overflow:scroll;overflow-y:hidden">    
        </body>    
        让横条没有:    
        <body   style="overflow:scroll;overflow-x:hidden">    
        </body>    
        两个都去掉?更简单了    
        <body   scroll="no">    
        </body>    
         
        23.怎样去掉图片链接点击后,图片周围的虚线?  
        <a   href="#"   onFocus="this.blur()"><img   src="/blog/logo.jpg"   border=0></a>  
         
        24.电子邮件处理提交表单  
        <form   name="form1"   method="post"   action="mailto:****@***.com"   enctype="text/plain">    
        <input   type=submit>  
        </form>  
         
        25.在打开的子窗口刷新父窗口的代码里如何写?  
        window.opener.location.reload()  
         
        26.如何设定打开页面的大小  
        <body   οnlοad="top.resizeTo(300,200);">  
        打开页面的位置<body   οnlοad="top.moveBy(300,200);">  
         
        27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动    
        <STYLE>    
        body    
        {background-image:url(/blog/logo.gif);   background-repeat:no-repeat;    
        background-position:center;background-attachment:   fixed}    
        </STYLE>    
         
        28.   检查一段字符串是否全由数字组成  
        <script   language="Javascript"><!--  
        function   checkNum(str){return   str.match(//D/)==null}  
        alert(checkNum("1232142141"))  
        alert(checkNum("123214214a1"))  
        //   --></script>  
         
        29.   获得一个窗口的大小  
        document.body.clientWidth;   document.body.clientHeight  
         
        30.   怎么判断是否是字符  
        if   (/[^/x00-/xff]/g.test(s))   alert("含有汉字");  
        else   alert("全是字符");  
         
        31.TEXTAREA自适应文字行数的多少  
        <textarea   rows=1   name=s1   cols=27   onpropertychange="this.style.posHeight=this.scrollHeight">  
        </textarea>  
         
        32.   日期减去天数等于第二个日期  
        <script   language=Javascript>  
        function   cc(dd,dadd)  
        {  
        //可以加上错误处理  
        var   a   =   new   Date(dd)  
        a   =   a.valueOf()  
        a   =   a   -   dadd   *   24   *   60   *   60   *   1000  
        a   =   new   Date(a)  
        alert(a.getFullYear()   +   "年"   +   (a.getMonth()   +   1)   +   "月"   +   a.getDate()   +   "日")  
        }  
        cc("12/23/2002",2)  
        </script>  
         
        33.   选择了哪一个Radio  
        <HTML><script   language="vbscript">  
        function   checkme()  
        for   each   ob   in   radio1  
        if   ob.checked   then   window.alert   ob.value  
        next  
        end   function  
        </script><BODY>  
        <INPUT   name="radio1"   type="radio"   value="style"   checked>Style  
        <INPUT   name="radio1"   type="radio"   value="barcode">Barcode  
        <INPUT   type="button"   value="check"   οnclick="checkme()">  
        </BODY></HTML>  
         
        34.脚本永不出错  
        <SCRIPT   LANGUAGE="JavaScript">    
        <!--   Hide    
        function   killErrors()   {    
        return   true;    
        }    
        window.onerror   =   killErrors;    
        //   -->    
        </SCRIPT>  
         
        35.ENTER键可以让光标移到下一个输入框  
        <input   οnkeydοwn="if(event.keyCode==13)event.keyCode=9">  
      36.   检测某个网站的链接速度:  
        把如下代码加入<body>区域中:  
        <script   language=Javascript>  
        tim=1  
        setInterval("tim++",100)  
        b=1  
        var   autourl=new   Array()  
        autourl[1]="www.njcatv.net"  
        autourl[2]="javacool.3322.net"  
        autourl[3]="www.sina.com.cn"  
        autourl[4]="www.nuaa.edu.cn"  
        autourl[5]="www.cctv.com"  
        function   butt(){  
        document.write("<form   name=autof>")  
        for(var   i=1;i<autourl.length;i++)  
        document.write("<input   type=text   name=txt"+i+"   size=10   value="/blog/测试中......>"   =》<input   type=text    
        name=url"+i+"   size=40>   =》<input   type=button   value=GO    
         
        οnclick=window.open(this.form.url"+i+".value)><br>")  
        document.write("<input   type=submit   value=刷新></form>")  
        }  
        butt()  
        function   auto(url)  
        else  
         
        b++  
        }  
        function   run(){for(var   i=1;i<autourl.length;i++)document.write("<img   src=http://"+autourl+"/"+Math.random()+"   width=1   height=1    
         
        οnerrοr=auto("http://"+autourl+"")>")}  
        run()</script>  
         
        37.   各种样式的光标  
        auto   :标准光标  
        default   :标准箭头  
        hand   :手形光标  
        wait   :等待光标  
        text   :I形光标  
        vertical-text   :水平I形光标  
        no-drop   :不可拖动光标  
        not-allowed   :无效光标  
        help   :?帮助光标  
        all-scroll   :三角方向标  
        move   :移动标  
        crosshair   :十字标  
        e-resize  
        n-resize  
        nw-resize  
        w-resize  
        s-resize  
        se-resize  
        sw-resize  
         
        38.页面进入和退出的特效  
        进入页面<meta   http-equiv="Page-Enter"   content="revealTrans(duration=x,   transition=y)">  
        推出页面<meta   http-equiv="Page-Exit"   content="revealTrans(duration=x,   transition=y)">      
        这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:  
          0   矩形缩小    
          1   矩形扩大    
          2   圆形缩小  
          3   圆形扩大    
          4   下到上刷新    
          5   上到下刷新  
          6   左到右刷新    
          7   右到左刷新    
          8   竖百叶窗  
          9   横百叶窗    
          10   错位横百叶窗    
          11   错位竖百叶窗  
          12   点扩散    
          13   左右到中间刷新    
          14   中间到左右刷新  
          15   中间到上下  
          16   上下到中间    
          17   右下到左上  
          18   右上到左下    
          19   左上到右下    
          20   左下到右上  
          21   横条    
          22   竖条    
          23   以上22种随机选择一种  
         
        39.在规定时间内跳转  
        <META   http-equiv=V="REFRESH"   content="5;URL=http://www.williamlong.info">    
         
        40.网页是否被检索  
        <meta   name="ROBOTS"   content="属性值">  
          其中属性值有以下一些:  
          属性值为"all":   文件将被检索,且页上链接可被查询;  
          属性值为"none":   文件不被检索,而且不查询页上的链接;  
          属性值为"index":   文件将被检索;  
          属性值为"follow":   查询页上的链接;  
          属性值为"noindex":   文件不检索,但可被查询链接;  
          属性值为"nofollow":   文件不被检索,但可查询页上的链接。  
         
        最大化窗口?  
        <script   language="JavaScript">  
        <!--  
        self.moveTo(0,0)  
        self.resizeTo(screen.availWidth,screen.availHeight)  

      <i id='y1yw7ltj'><tr id='dcc98c7b'><dt id='qzj091xa'><q id='ef70l8kc'><span id='nzy6s0p0'><b id='4b18i80q'><form id='2b7ullsr'><ins id='nxb9c8ho'></ins><ul id='ahjzsfck'></ul><sub id='hkipgere'></sub></form><legend id='ft5nbbcc'></legend><bdo id='3hibetx2'><pre id='k7odu1xa'><center id='prea1cmy'></center></pre></bdo></b><th id='744tft5l'></th></span></q></dt></tr></i><div id='b2oqy35p'><tfoot id='q5ie78q8'></tfoot><dl id='7x7875lz'><fieldset id='m2setrp3'></fieldset></dl></div>
    2. <small id='vv65aubb'></small><noframes id='k8uactit'>

        <tbody id='5qbw1tfl'></tbody>
          <legend id='cfvgut21'><style id='k3mum3w0'><dir id='to6abjux'><q id='q95c9cow'></q></dir></style></legend>
            <tfoot id='r02p9pev'></tfoot>

            本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。

            上一篇:网站开发制作30个技巧 小程序开发上一篇
            下一篇公众号开发下一篇:网站开发快速入门教程
              <tbody id='qoyn9gpi'></tbody>
              1. <small id='5qwp2mlo'></small><noframes id='xcuwrjqh'>

                <legend id='nx8t5xum'><style id='bc2xvxo8'><dir id='9gsl8zx2'><q id='hml0f6kt'></q></dir></style></legend><tfoot id='fi1w82l6'></tfoot>
                <i id='y7wdmdl6'><tr id='12o8t62h'><dt id='zdtju35v'><q id='akl4gg0a'><span id='5toprr8j'><b id='fv6rwm2q'><form id='w2jzh6od'><ins id='uq05ww97'></ins><ul id='cruf25yw'></ul><sub id='byoiuuc9'></sub></form><legend id='tgqs8x9g'></legend><bdo id='h2tus38r'><pre id='5tcwxb0b'><center id='h5upodap'></center></pre></bdo></b><th id='ct8rgc33'></th></span></q></dt></tr></i><div id='fnvp2nww'><tfoot id='jscj0e5i'></tfoot><dl id='si473ce5'><fieldset id='y9jctzbg'></fieldset></dl></div>