zoukankan      html  css  js  c++  java
  • 客户端效果总结

    客户端效果总结 
    1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 
    <table border oncontextmenu=return(false)><td>no</table> 可用于Table 

    2. <body onselectstart="return false"> 取消选取、防止复制 

    3. onpaste="return false" 不准粘贴 

    4. oncopy="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=*.html></iframe></noscript> 网页将不能被另存为 

    11. <input type=button value=查看网页源代码 
    onclick="window.location = ‘view-source:‘+ ‘http://www.csdn.net/'"> 

    12. 怎样通过asp的手段来检查来访者是否用了代理 
    <% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then 
    response.write "<font color=#FF0000>您通过了代理服务器,"& _ 
    "真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR") 
    end if 
    %> 

    13. 取得控件的绝对位置 

    //javascript 
    <script language="javascript"> 
    function getIE(e){ 
    var t=e.offsetTop; 
    var l=e.offsetLeft; 
    while(e=e.offsetParent){ 
    t+=e.offsetTop; 
    l+=e.offsetLeft; 

    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" onfocus="cc()"> 

    15. 判断上一页的来源 
    asp: 
    request.servervariables("HTTP_REFERER") 

    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=最小化 onclick=hh1.Click()> 
    <input type=button value=最大化 onclick=hh2.Click()> 
    <input type=button value=关闭 onclick=hh3.Click()> 
    本例适用于IE 

    17. 
    <% 
    ‘定义数据库连接的一些常量 
    Const adOpenForwardOnly = 0 ‘游标只向前浏览记录,不支持分页、Recordset、BookMark 
    Const adOpenKeyset = 1 ‘键集游标,其他用户对记录说做的修改将反映到记录集中,但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark 
    Const adOpenDynamic = 2 ‘动态游标功能最强,但耗资源也最多。用户对记录说做的修改,增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。 
    Const adOpenStatic = 3 ‘静态游标,只是数据的一个快照,用户对记录说做的修改,增加或删除记录都不会反映到记录集中。支持向前或向后移动 

    Const adLockReadOnly = 1 ‘锁定类型,默认的,只读,不能作任何修改 
    Const adLockPessimistic = 2 ‘当编辑时立即锁定记录,最安全的方式 
    Const adLockOptimistic = 3 ‘只有在调用Update方法时才锁定记录集,而在此前的其他操作仍可对当前记录进行更改、插入和删除等 
    Const adLockBatchOptimistic = 4 ‘当编辑时记录不会被锁定,而更改、插入和删除是在批处理方式下完成的 

    Const adCmdText = &H0001 
    Const adCmdTable = &H0002 
    %> 

    18. 网页不会被缓存 
    HTM网页 
    <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"> 
    ASP网页 
    Response.Expires = -1 
    Response.ExpiresAbsolute = Now() - 1 
    Response.cachecontrol = "no-cache" 
    PHP网页 
    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 
    header("Cache-Control: no-cache, must-revalidate"); 
    header("Pragma: no-cache"); 


    19. 检查一段字符串是否全由数字组成 
    <script language="javascript"><!-- 
    function checkNum(str){return str.match(/\D/)==null} 
    alert(checkNum("1232142141")) 
    alert(checkNum("123214214a1")) 
    // --></script> 

    20. 获得一个窗口的大小 
    document.body.clientWidth,document.body.clientHeight 

    21. 怎么判断是否是字符 
    if (/[^\x00-\xff]/g.test(s)) alert("含有汉字"); 
    else alert("全是字符"); 

    22.TEXTAREA自适应文字行数的多少 
    <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> 
    </textarea> 

    23. 日期减去天数等于第二个日期 
    <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> 

    24. 选择了哪一个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" onclick="checkme()"> 
    </BODY></HTML> 

    25.获得本页url的request.servervariables("")集合 
    Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>value</B></TD></TR>" 
    for each ob in Request.ServerVariables 
    Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>" 
    next 
    Response.Write "</TABLE>" 

    26. 
    本机ip<%=request.servervariables("remote_addr")%> 
    服务器名<%=Request.ServerVariables("SERVER_NAME")%> 
    服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%> 
    服务器端口<%=Request.ServerVariables("SERVER_PORT")%> 
    服务器时间<%=now%> 
    IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%> 
    脚本超时时间<%=Server.ScriptTimeout%> 
    本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%> 
    服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%> 
    服务器解译引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %> 
    服务器操作系统<%=Request.ServerVariables("OS")%> 

    27.ENTER键可以让光标移到下一个输入框 
    <input onkeydown="if(event.keyCode==13)event.keyCode=9"> 

    28. 检测某个网站的链接速度: 
    把如下代码加入<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=测试中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>") 
    document.write("<input type=submit value=刷新></form>") 

    butt() 
    function auto(url){ 
    document.forms[0]["url"+b].value=url 
    if(tim>200) 
    {document.forms[0]["txt"+b].value="链接超时"} 
    else 
    {document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} 
    b++ 

    function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto(‘http://";+autourl[i]+"‘)>")} 
    run()</script> 

    29. 各种样式的光标 
    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

    使得一个页面暂停3秒钟后轉向另一個頁面

    方法一:

    以下内容为程序代码:Response.Write("<br><a href='index.asp'>點擊回到主葉</a><br>或者等待3秒后自动返回你所指定的頁面<meta http-equiv='refresh' content='3;url=你所指定的頁面網址'><br>")


    方法二:

    以下内容为程序代码:response.write ("<p align=center>3秒后自动返回你所指定的頁面<script>window.setTimeout(""location.href='你所指定的頁面網址''"",3000);</script></p>")


    3秒后自動關閉窗口

    以下内容为程序代码:<script language="javascript"> 
    function closeWidnow() 

    window.close(); 

    </script> 
    </head> 

    <body onLoad="setTimeout(closeWidnow,3000)">


    弹出新页面

    以下内容为程序代码:Response.Write("<Script>window.open('url')</script>");


    返回上一页

    以下内容为程序代码:Response.Write("<script language='javascrip'>") 
    Response.Write("<a herf='javascript:history.go(-1);')>返回</a>") 
    Response.Write("</script>")


    做一個loading過渡

    以下内容为程序代码:
    <script language="Javascript"> 

    //eat the error, paste this code before any javascript start to load, you need this error handler. 

    window.onerror = doNothing 

    function doNothing() {return true} 

    </script> 


    <script language="Javascript"> 

    //display the loading box, paste this code after </head> 

    document.writeln('<span id=loadingmsg style="border:1px ridge; Z-INDEX: 3; LEFT: 12; WIDTH: 131; POSITION: absolute; TOP: 18; HEIGHT: 50; BACKGROUND-COLOR: #FFFFFF"><CENTER><BR><font color="#808080"><FONT face=Arial size=3>Loading .....</FONT><BR></font></CENTER></span>') 

    </script> 


    <script language="Javascript"> 

    // close the loading box, paste this at end of the document. 

    if (document.all) document.all.loadingmsg.style.visibility='hidden'; 

    if (document.layers) document.loadingmsg.visibility='hidden' 

    if (document.getElementById) document.getElementById('loadingmsg').style.visibility='hidden' 

    </script>
     

    ///////////////////
    以下内容为程序代码:
    Response.Write("<div id='mydiv' >")
    Response.Write("_")
    Response.Write("</div>")
    Response.Write("<script>mydiv.innerText = '';</script>")
    Response.Write("<script language=javascript>;")
    Response.Write("var dots = 0;var dotmax = 10;function ShowWait()")
    Response.Write("{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;")
    Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText =  output;}")
    Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ")
    Response.Write("window.setInterval('ShowWait()',1000);}")
    Response.Write("function HideWait(){mydiv.style.visibility='hidden';")
    Response.Write("window.clearInterval();}")
    Response.Write("StartShowWait();</script>")
    Response.Flush()
    Thread.Sleep(10000)

    在aspx窗体的html的中输入: 
    <script>
    HideWait();
    </script>


     


    怎样使按钮响应回车键

    定在<head></head>之间

    以下内容为程序代码:
    <script language="javascript" event="onkeydown" for="document"> 
    if(event.keyCode==13) 

    document.all('Button1').focus(); 
    document.all('Button1').click(); 

    </script> 

    ################################或者

    <form name="aa"></form> 
    <script> 
    function aa() 

    if(window.event.keycode==13) 
    aa.submit(); 


    发帖时间:2005-2-28 10:56:54  
     
     
     
     
     
    . leo_boy 
     
     
    等级:侠之大者
    财产:960 元
      
    经验:732 值
      
    魅力:756 点
      
    注册:2004-12-16
    登录:2005-5-23
    来自:已设成保密
    文章:68 篇  
     消息  资料  好友  邮件  主页  引用   第3楼 

    --------------------------------------------------------------------------------
     
      [color=Blue]表格整......
    表格整理


    表格复选、复选变色、以及行的间隔行
    用Hotmail的时候注意下,就是这个效果
    以下内容为程序代码:
    <style type="text/css">
    <!--
    .row {BACKGROUND-COLOR: expression(rowIndex%2==1?'':'#F5F5F5')}
    Body {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}
    Td {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}
    .tb {border-collapse: collapse}
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    //复选
    function selectAll(chk)
    {    
    var chk = document.form1.chkAll.checked;
    for (i=0;i<document.all.length;i++) {
    if (document.all[i].name=="id[]") {
    document.all[i].checked=chk;
    chkRow(document.all[i]);
    }}}


    //复选后单元格变色
    function chkRow(obj){
    var r = obj.parentElement.parentElement;
    if(obj.checked){ r.style.backgroundColor="#E6E9F2";}
    else {if(r.rowIndex%2==1)r.style.backgroundColor="";else r.style.backgroundColor="#F5F5F5";}
    }
    </script>
    <table width="50%"  border="1" cellpadding="3" cellspacing="0" bordercolor="#333333" class="tb">
    <form name="form1" method="post" action="">
      <tr class="row">
        <td width="5%"> </td>
        <td width="33%" align="center"><strong>论坛名称</strong></td>
        <td width="62%" align="center"><strong>网 址</strong></td>
      </tr>
      <tr class="row">
        <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>
        <td align="center">织梦乱弹</td>
        <td align="center"><a href="http://www.it365cn.com/bbs" target="_blank">http://www.it365cn.com/bbs</a></td>
      </tr>
      <tr class="row">
        <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>
        <td align="center">经典论坛</td>
        <td align="center"><a href="http://www.blueidea.com/bbs" target="_blank">http://www.blueidea.com/bbs</a></td>
      </tr>
      <tr class="row">
        <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>
        <td align="center">点燃灵感</td>
        <td align="center"><a href="http://www.fwcn.com/bbs" target="_blank">http://www.fwcn.com/bbs</a></td>
      </tr>
      <tr class="row">
        <td colspan="3"><input type="checkbox" name="chkAll" title="全选/取消" onclick="selectAll()"> <strong>全选/取消</strong></td>
        </tr>
    </form>  
    </table>
     


    限制表格的大小

    style=" table-layout:fixed;word-break:break-all"  '關鍵就是這句了
    如果是只要限制td大小 可以


    无论大图还是文字,一律限制。
    以下内容为程序代码:
    <table    align=center    width=200    height=100    bgcolor=#f3f3f3  style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)" style="table-layout:fixed;word-break:break-all" >
    <tr>
    <td><center><img  src="http://www.cnbruce.com/images/cnrose/mi.jpg"></td>
    </tr>
    <tr>
    <td> 
    cnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce
    </td></tr>
    </table>
     


    表格行换色

    以下内容为程序代码:
    <style>
    #oTable tr {alternateColor:expression(bgColor=rowIndex%2==0?'#cccccc':'#efefef')}
    </style>
    <table width=500 height=100 border=1 ID="oTable">
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    </table>
     


     
     
     

  • 相关阅读:
    Sgu294He's Circles
    [HNOI2008]Card洗牌
    传球游戏
    [BZOJ1478]Sgu282 Isomorphism
    [POJ2154]Color
    [ZOJ1961]Let it Bead
    BZOJ1257 [CQOI2007]余数之和sum
    BZOJ1192 [HNOI2006]鬼谷子的钱袋
    BZOJ4614 [Wf2016]Oil
    BZOJ3209 花神的数论题
  • 原文地址:https://www.cnblogs.com/MaxIE/p/302597.html
Copyright © 2011-2022 走看看