`
rorely
  • 浏览: 113814 次
  • 性别: 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 建站 技巧和效果(企业建站)

    web 建站 技巧和效果(企业建站) web 建站 技巧和效果(企业建站) web 建站 技巧和效果(企业建站) web 建站 技巧和效果(企业建站) web 建站 技巧和效果(企业建站) web 建站 技巧和效果(企业建站) web 建站 技巧和效果...

    ISI Web of Knowledge使用技巧

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

    编写高性能WEB的十个技巧

    在本文中,我将给出10个编写高性能 Web 应用的技巧。我的评论不仅仅局限与 ASP.NET 应用,因为它们只是 Web 应用的一个子集。本文也不是 Web 应用性能调整的权威指南——这方面的内容可以写成一本书。相反,本文可以...

    web测试技巧、经验

    web测试2.docx,介绍了web测试中的一些技巧,下载下来进行参考吧,肯定对你有用。web测试2.docx,介绍了web测试中的一些技巧,下载下来进行参考吧,肯定对你有用。web测试2.docx,介绍了web测试中的一些技巧,下载下来...

    Web 窗体高级技巧二--vs2003

    Web 窗体高级技巧二--vs2003,Web 窗体高级技巧二--vs2003

    web渗透测试技巧(上)

    最近的非常全面的web渗透测试技巧,网络攻防教程

    Web of Science 23 应用技巧

    Web of Science 23 应用技巧 全 目录: 应用技巧一:如何了解您的论文被SCI收录的情况 应用技巧二:如何了解国际上都有哪些科学家在关注您的课题 应用技巧三:如何检索结果中快速找到某个学科的相关文献 应用技巧四...

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

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

    Web站点设计技巧

    Web站点设计技巧~想学习如何成为一名出色的WEB设计师么?看看这个吧 有点帮助~

    普通Web设计师提高SEO技巧

    普通Web设计师提高SEO技巧  如今,Web设计师在设计Web外观与风格的同时,往往还负责了前端代码的编写。换句话说,SEO的相当一部分责任是落在他们肩上的。然而,大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一...

    web of Science 应用技巧23个

    Web of Science 数据库的23个使用技巧,pdf文档。对于从事科学研究工作的人很有帮助。

    web常用小技巧

    web页面常用的小技巧。

    实用技巧Web篇(3) 源码

    实用技巧Web篇(3) 源码TestScroll.rar

    研华Webaccess技巧

    原柏元网控组态软件Webaccess,现已归为研华所有,功能强大的组态软件,使用灵活,但对开发者要求相对较高,本资料是使用中的一些常用技巧,非常有用。

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

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

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

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

    webaccess 使用技巧

    webaccess使用技巧,各种方法让你很快成为高手。绝对值的收藏的精品、

    Ajax Hacks中文版 创建快速响应Web站点的工具和技巧

    Ajax Hacks中文版 创建快速响应Web站点的工具和技巧

Global site tag (gtag.js) - Google Analytics