40种Javascript中常用的使用小技巧【转】

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=*.html>< /iframe>< /noscript>

11. < input type=button value=查看网页源代码
οnclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

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){
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" ο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="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(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=测试中……> =》< input type=text
name=url"+i+" size=40> =》< input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)>
")
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+"/"+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.51js.com">

40.网页是否被检索
< meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

转载于:https://www.cnblogs.com/laiss/archive/2010/09/25/1834730.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/380884.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

超链接去下划线

超链接去下划线

在a标签里加上 style"text-decoration: none
阅读更多...
Silverlight学习笔记（三）：创建第一个Silverlight应用程序

Silverlight学习笔记（三）：创建第一个Silverlight应用程序

在开始创建程序之前&#xff0c;还是要提一下关于Silverlight开发环境搭建的问题。如果使用VS2010&#xff0c;这可以搭建Silverlight4的开发环境。我推荐大家看这篇由大牛jv9撰写的【轻松建立Silverlight 4开发环境】。 我使用的是VS2008&#xff0c;所以要搭建的是Silverlig…
阅读更多...
按钮旁边加一个提示_地铁站的那些“红色按钮”，你知道是干啥用的吗？乱按可能被拘留...

按钮旁边加一个提示_地铁站的那些“红色按钮”，你知道是干啥用的吗？乱按可能被拘留...

地铁紧急停车按钮图片来自网络位置&#xff1a;站台两侧墙壁上&#xff0c;靠近列车车头、车尾两侧。外观&#xff1a;上锁的红色四方小盒子&#xff0c;按钮为红色&#xff0c;旁边写有“紧急停车按钮”等字样。使用&#xff1a;紧急时刻击碎中间玻璃&#xff0c;按压按钮。红…
阅读更多...
java中的局部变量、成员变量、类变量

java中的局部变量、成员变量、类变量

局部变量&#xff1a;在方法、构造函数或者语句块中定义的变量被称为局部变量。 特点&#xff1a;变量的声明和初始化都是在方法中&#xff0c;方法结束后&#xff0c;变量就会自动销毁。 例&#xff1a;下面代码块的s2 成员变量&#xff1a;成员变量是定义在类中&#xff0c;…
阅读更多...
根据F12在页面中调整div的大小

根据F12在页面中调整div的大小

我们先随便写一个div大小&#xff0c;然后在chrome浏览器打开&#xff0c;显示效果&#xff1a; #logo{border: 1px solid black;width: 1300px;height: 50px;} .top{border: blue solid 1px;width: 420px;height: 50px;float: left;}<div id"logo"><div c…
阅读更多...
头文件

头文件

1、头文件用于声明而不是用于定义 定义只可以出现一次&#xff0c;而声明可以出现多次。下列语句是一些定义&#xff0c;不应该放在头文件里&#xff1a; extern int ival 10; double fica_rate; 虽然ival声明为extern&#xff0c;但是它有初始化式&#xff0c;代表这条语句是…
阅读更多...
删除了注册表winsock项及winsock2项怎么办

删除了注册表winsock项及winsock2项怎么办

国庆节期间要值一天班&#xff0c;看看网站有没有什么问题&#xff0c;可是打开电脑去上不了网&#xff0c;于是在网上寻找答案&#xff0c;就这么着看到一个贴子&#xff0c;让删除注册表中的winsock及winsock2两项&#xff0c;哎&#xff0c;这一删可出大事了&#xff0c;网更…
阅读更多...
mysql 数据库设计规范_MYSQL数据库设计规范与原则

mysql 数据库设计规范_MYSQL数据库设计规范与原则

MYSQL数据库设计规范1、数据库命名规范采用26个英文字母(区分大小写)和0-9的自然数(经常不需要)加上下划线_组成;命名简洁明确(长度不能超过30个字符);例如&#xff1a;user, stat, log, 也可以wifi_user, wifi_stat, wifi_log给数据库加个前缀;除非是备份数据库可以加0-9的自然…
阅读更多...
The security settings could not be applied to the database because the connection has failed安装Mysql

The security settings could not be applied to the database because the connection has failed安装Mysql

安装msql出现这个问题&#xff0c;&#xff0c;百度了好久才解决了问题&#xff0c;说一下怎么解决的吧 把以前安装的Mysql删除打开C盘&#xff0c;点击查看&#xff0c;然后点击隐藏的项目&#xff0c;这时候目录会出现ProgramData文件&#xff0c;然后点击这个文件&#xff…
阅读更多...
怎么给div加背景图片

怎么给div加背景图片

<div style"background: url(img/news images/News-flash_01_02.png);height: 306px;width: 1300px;">注意&#xff1a;url的路径一定要加’
阅读更多...
python多个进度条_多个芹菜进度条

python多个进度条_多个芹菜进度条

问题我有一个Django站点&#xff0c;使用celeriRabbitMQ作为长时间运行任务的任务队列。我把结果存储在Redis中。我已经能够使用Celery的update_state在引导进度条中显示一个任务的进度&#xff0c;并通过一个按钮向Redis DB发送ajax post来检索当前状态。在理想情况下&#xf…
阅读更多...
微软Silverlight，你应该知道的10件事

微软Silverlight，你应该知道的10件事

笔者使用Silverlight的时间比较长&#xff0c;一直在研究这个微软号称“Flash杀手”的工具。根据几个月的第一手体验&#xff0c;对它的技术方面的精华进行了总结。 随着Siverlight公众版的发布时间的日益接近&#xff0c;现在是时候来熟悉Silverlight以及其如何影响你的We…
阅读更多...
Hibernate配置C3P0连接池（在配好基本的hibernate配置下使用）

Hibernate配置C3P0连接池（在配好基本的hibernate配置下使用）

拷贝jar包 找到我们的hibernate安装包&#xff0c;在lib目录下找到optional目录&#xff0c;打开c3p0文件&#xff0c;拷贝里面的jar包到eclipse里 写一个测试类&#xff0c;代码入下 public class C3P0Test {Testpublic void test() {Session s HabernateUtils.openSessi…
阅读更多...
workerman json mysql_workerman-json-rpc

workerman json mysql_workerman-json-rpc

软件简介一款使用PHP开发的高性能Json Rpc框架&#xff0c;框架使用TCP/IP协议直接传输json数据&#xff0c;系统集成统计监控模块&#xff0c;开发部署维护非常简。workerman-json-rpc 包含了服务端和客户端。特性&#xff1a;使用PHP开发&#xff0c;与PHP紧密结合PHP 多进程…
阅读更多...
web站点性能测试经验点滴

web站点性能测试经验点滴

对web站点性能测试&#xff0c;从测试工具的角度&#xff0c;介绍几点经验。 1、在执行客户端并发性能测试的过程中&#xff0c;需要同时监控数据库服务器、web服务器以及网络资源等使用情况&#xff0c;以便对系统的性能做全面评估。 2、录制的脚本需要编辑&#xff0c;有时需…
阅读更多...
Hibernate的CURD操作

Hibernate的CURD操作

1、保存&#xff1a;Session的save方法 Testpublic void testSave() {Customer c new Customer();c.setCustName("测试");Session s HibernateUtils.openSession();Transaction t s.beginTransaction();s.save(c);t.commit();s.close();}2、查询&#xff1a;Sess…
阅读更多...
thinkphp mysql日志_MySQL的日志基础知识及基本操作学习教程

thinkphp mysql日志_MySQL的日志基础知识及基本操作学习教程

MySQL日志主要包含&#xff1a;错误日志、查询日志、慢查询日志、事务日志、二进制日志&#xff1b;日志是mysql数据库的重要组成部分。日志文件中记录着mysql数据库运行期间发生的变化&#xff1b;也就是说用来记录mysql数据库的客户端连接状况、SQL语句的执行情况和错误信息等…
阅读更多...
JavaScript里的两个等于号和三个等于号的区别

JavaScript里的两个等于号和三个等于号的区别

1、两个等于号&#xff1a; 它在作比较时会尝试自动转换 比如下面的程序&#xff1a;输出为true var sNum "10";var iNum 10;alert(sNum iNum) //弹出为truesNum是string类型&#xff0c;iNum是number类型&#xff0c;sNum会尝试转换&#xff0c;sNum转换成number…
阅读更多...
spring boot 集合mysql_Spring boot整合mysql和druid

spring boot 集合mysql_Spring boot整合mysql和druid

Spring boot整合mysql和druid集成mysql数据库引入依赖mysqlmysql-connector-javaruntimeorg.springframework.bootspring-boot-starter-jdbc添加数据库配置Spring boot项目的resources目录下的applicataion.properties# datasourcespring.datasource.urljdbc:mysql://127.0.0.1…
阅读更多...
在博客里轻松使用LaTeX 数学公式[转]

在博客里轻松使用LaTeX 数学公式[转]

笔者最近的博文有不少数学相关内容&#xff0c;发现利用一些网上服务、jQuery和CSS&#xff0c;可以更轻松地在博客里使用语法排版方程式。是基于的排版系统。而就是美国著明计算机教授高德纳(Donald E. Knuth)&#xff0c;为了编写他的巨著《计算机程序设计艺术(The Art of Co…
阅读更多...
最新文章

Copyright @ 2022~2023