`
rorely
  • 浏览: 119713 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Web技巧

阅读更多
http://www.cnblogs.com/winkingzhang/archive/2008/01/26/1054409.html
1. 将彻底屏蔽鼠标右键
oncontextmenu="window.event.returnValue=false" 
用于Table:
<table oncontextmenu=return(false)> <td> no</td> </table>

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

3. 不准粘贴
<body onpaste="return   false" >

4.  防止复制
<body oncopy="return false;" oncut="return false;">

5. IE地址栏前换成自己的图标
<link   rel="Shortcut   Icon"   href="favicon.ico" /> 

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=查看网页源代码   
onclick="window.location   =   "view-source:"+ "http://winkingzhang.cnblogs.com"">

12.删除时确认 
<a   href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1""> 删除 </a>  

13.   取得控件的绝对位置
<script   language="Javascript"> 
function getIE(e)
  
var   t=e.offsetTop; 
  
var   l=e.offsetLeft; 
  
while(e=e.offsetParent) 
     alert(
"top="+t+"/nleft="+l); 
}
 
</script> 

<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.   判断上一页的来源
document.referrer

16.   最小化、最大化、关闭窗口 (适用于IE)
<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()> 

17.屏蔽功能键Shift,Alt,Ctrl
<script> 
function   look(){   
  
if(event.shiftKey)   
    alert(
"禁止按Shift键!");   //可以换成ALT CTRL 
}
   
document.onkeydown
=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"/>

20. <div> <span> & <layer> 的区别?  
<div> (division)用来定义大段的页面元素,会产生转行  
<span> 用来定义同一行内的元素,跟 <div> 的唯一区别是不产生转行  
<layer> 是ns的标记,ie不支持,相当于 <div>

21.让弹出窗口总是在最上面:
<body   onblur="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   onload="top.resizeTo(300,200);"> 
打开页面的位置
<body   onload="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" onclick="checkme()"> 
</BODY>
</HTML> 

34.脚本永不出错 
<SCRIPT LANGUAGE="JavaScript">   
<!-- 
function killErrors() {
  
return true;
}
   
window.onerror 
= killErrors;   
//   -->   
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框 
<input   onkeydown="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[
2color: #
分享到:
评论

相关推荐

    移动端web开发技巧

    本文档为移动端web开发技巧,在使用html5进行移动端开发的时候需要注意的一些问题。

    Web表单高级技巧

    "Web表单高级技巧"这一主题涵盖了提高用户体验、数据验证、表单处理和交互性等多个方面。接下来,我们将深入探讨这些高级技巧。 首先,我们关注表单设计。一个优秀的Web表单应该直观易用,减少用户的认知负担。这...

    ISI Web of Knowledge使用技巧

    里面有对 isi web of knowledge的20多个使用技巧: 应用技巧一:如何了解您的论文被SCI收录的情况.doc 应用技巧二:如何了解国际上都有哪些科学家在关注您的课题.doc 应用技巧三:如何检索结果中快速找到某个...

    PB11.5_WEB客户端编程技巧

    标题中的“PB11.5_WEB客户端编程技巧”意味着本知识点将围绕PB11.5版本中的WEB开发技术进行展开,重点介绍如何在PowerBuilder(PB)这一开发平台上实现客户端编程,并提供了一系列技巧和方法来优化WEB应用程序的性能...

    Web 窗体高级技巧二--vs2003

    在本主题中,我们将深入探讨"Web 窗体高级技巧二--vs2003",这主要涉及使用Visual Studio .NET 2003进行Web应用开发时的一些高级特性和技术。Visual Studio .NET 2003是微软推出的强大开发工具,支持ASP.NET 1.x框架...

    Web窗体代码语法和技巧

    总结来说,Web窗体代码语法和技巧是ASP.NET开发的关键组成部分,理解并掌握混合代码、内联代码和隐藏代码的使用,以及代码隐藏页的工作原理,将有助于提升Web应用的开发效率和质量。通过合理选择代码组织方式,可以...

    研华Webaccess技巧

    ### 研华WebAccess技巧详解 #### 一、自定义历史趋势图 **知识点概述:** 在使用研华WebAccess进行数据可视化时,自定义历史趋势图是一项重要的功能,它可以帮助用户根据实际需求定制更加直观的数据展示方式。本文...

    Web 表单高级技巧

    本资源包“Web表单高级技巧”专注于深入理解并运用ASP.NET中的Web表单技术,它包含了PPT、视频教程和文档,以及示例代码,旨在帮助开发者提升其Web表单设计和实现的能力。 首先,我们要了解Web表单在ASP.NET中的...

    webaccess 使用技巧

    WebAccess 是一款强大的网页式监控系统,主要用于工业自动化领域的数据采集和分析。...以上是WebAccess的一些核心使用技巧,熟练掌握这些技巧,将有助于你更高效地使用WebAccess进行设备监控和管理。

    ctf web解题找flag夺旗赛之常用的解题思路及技巧

    ctf web解题 找flag夺旗赛ctf web解题找flag夺旗赛之常用的解题思路及技巧ctf web解题找flag夺旗赛之常用的解题思路及技巧ctf web解题找flag夺旗赛之常用的解题思路及技巧ctf web解题找flag夺旗赛之常用的解题思路及...

    Web站点设计技巧

    在探讨“Web站点设计技巧”这一主题时,我们需要理解网页设计的重要性以及如何通过有效的策略提升用户体验和网站性能。Web设计不仅是关于美观的视觉呈现,它更关乎如何将内容有效地传达给用户,同时确保网站易用性...

    delphi技巧-web编程

    当我们谈论“Delphi技巧-Web编程”,这意味着我们将深入探讨如何利用Delphi进行Web应用程序的开发。在本篇文章中,我们将详细讲解Delphi在Web开发中的应用,以及一些实用的技巧。 首先,Delphi提供了多种框架和库...

    软件测试基础—Web测试方法和技巧.ppt

    软件测试基础—Web测试方法和技巧 本资源概括了软件测试基础,其中着重介绍了Web测试方法和技巧。下面是从该资源中提取的知识点: Web应用场景 * 简单的Web应用场景:没有交互、静态的简单网站 * 复杂的Web应用...

    PB11.5 WEB客户端编程技巧总结

    PB11.5 Web客户端编程主要涉及将传统的C/S应用程序转换为基于Web的应用程序,以适应浏览器环境。在转换过程中,PowerBuilder (PB)代码从客户端迁移到了...理解并掌握这些技巧,对于提升PB11.5 Web应用的品质至关重要。

    WEB常见漏洞与挖掘技巧研究.pptx

    WEB 常见漏洞与挖掘技巧研究 本篇文章旨在总结 WEB 常见漏洞和挖掘技巧,帮助读者了解 WEB 安全领域中的常见漏洞和防护方法。 一、 SQL 注入 SQL 注入是 WEB 安全中最常见的漏洞之一,通常是由于 SQL 语句的拼接...

    WebAccess管理技巧.pdf

    VMware vSphere Web Access 管理技巧 VMware vSphere Web Access 是一种基于浏览器的应用程序,允许用户通过 Web 浏览器管理 VMware ESX 和 vCenter Server。下面是使用 vSphere Web Access 管理虚拟机的技巧。 1....

    WebAccess实战技巧一:按钮条的制作方法.rar

    这可能是关于WebAccess按钮条制作的教程文档,包含了实际操作中的技巧和最佳实践。 总的来说,创建WebAccess中的按钮条需要掌握HTML、CSS和JavaScript的基本知识,同时关注用户体验和无障碍性。通过合理的布局设计...

    实用技巧Web篇(3) 源码

    在本节中,我们将深入探讨"实用技巧Web篇(3) 源码"的主题,主要关注`TestScroll.html`这个文件,它很可能是关于网页滚动效果或交互的一个实例。在Web开发中,源码是理解网站工作原理、优化性能和实现独特功能的...

Global site tag (gtag.js) - Google Analytics