收藏Javascript中常用的55个经典技巧

更新时间:2007年08月12日 15:39:21   作者:

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

可用于Table

2.

取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5.  IE地址栏前换成自己的图标

6.  可以在收藏夹中显示出你的图标

7.  关闭输入法

8. 永远都会带着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页

// -->

9. 防止被人frame

if (top.location != self.location)top.location=self.location;

// -->

10. 网页将不能被另存为

";***>

11.

οnclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

12.删除时确认

删除

13. 取得控件的绝对位置

//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);

}

//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

-->

14. 光标是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart("character",e.value.length);

r.collapse(true);

r.select();

}

15. 判断上一页的来源

javascript :

document.referrer

16. 最小化、最大化、关闭窗口

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift键!"); //可以换成ALT CTRL

}

document.οnkeydοwn=look;

18. 网页不会被缓存

或者

19.怎样让表单没有凹凸感?

1 solid #000000">

20.

&的区别?

(division)用来定义大段的页面元素,会产生转行

用来定义同一行内的元素,跟

的唯一区别是不产生转行

是ns的标记,ie不支持,相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?

让竖条没有:

让横条没有:

两个都去掉?更简单了

23.怎样去掉图片链接点击后,图片周围的虚线?

24.电子邮件处理提交表单

enctype="text/plain">

25.在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

body

{background-image:url(/logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

28. 检查一段字符串是否全由数字组成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// -->

29. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

="this.style.posHeight=this.scrollHeight">

32. 日期减去天数等于第二个日期

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)

33. 选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then

window.alert ob.value

next

end function

Style

Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度:

把如下代码加入

区域中:

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.cctv.com"

function butt(){

***("

")

for(var i=1;i

***(" =》

name=url"+i+" size=40> =》

οnclick=window.open(this.form.url"+i+".value)>
")

***("

")

}

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="/blog/时间"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i

οnerrοr=auto("http://"+autourl+"")>")}

run()

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.页面进入和退出的特效

进入页面

推出页面

这个是页面被载入和调出时的一些特效。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.在规定时间内跳转

40.网页是否被检索

其中属性值有以下一些:

属性值为"all": 文件将被检索,且页上链接可被查询;

属性值为"none": 文件不被检索,而且不查询页上的链接;

属性值为"index": 文件将被检索;

属性值为"follow": 查询页上的链接;

属性值为"noindex": 文件不检索,但可被查询链接;

属性值为"nofollow": 文件不被检索,但可查询页上的链接。

41、email地址的分割

把如下代码加入

区域中

webmaster@sina.com

42、流动边框效果的表格

把如下代码加入

区域中

l=Array(6,7,8,9,'a','b','b','c','d','e','f')

Nx=5;Ny=35

t="

for(x=Nx;x

t+="

 "

t+="

  "

for(x=2;x<=Nx;x++)

t+="

  "

t+="

"

for(x=Ny;x>0;x--)

t+="

 "

***(t+"

")

var N=Nx*2+Ny*2

function f1(y){

for(i=0;i

c=(i+y)%20;if(c>10)c=20-c

document.all["a_mo"+(i)].bgColor=""""#0000"+l[c]+l[c]+"'"}

y++

setTimeout('f1('+y+')','1')}

f1(1)

43、JavaScript主页弹出窗口技巧

窗口中间弹出

window.open("http://www.cctv.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth-400)/2);

============

function WinOpen() {

msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");

msg.***("

哈 罗!");

msg.***("

酷 毙 了!

这 是JavaScript所 开 的 视 窗!

");

}

==============

一、在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网。而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。

代码如下:

function openclk() {

another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>http://www.ccidnet.com','NewWindow');

}

function closeclk() {

another.close();

}

//-->

二、上面的代码也太静了,为何不来点动感呢?如果能给页面来个降落效果那该多好啊!

代码如下:

function drop(n) {

if(self.moveBy){

self.moveBy (0,-900);

for(i = n; i > 0; i--){

self.moveBy(0,3);

}

for(j = 8; j > 0; j--){

self.moveBy(0,j);

self.moveBy(j,0);

self.moveBy(0,-j);

self.moveBy(-j,0);

}

}

}

三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。

代码如下:

function popupPage(l, t, w, h) {

var windowprops = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes" +

",left=" + l + ",top=" + t + ",width=" + w + ",height=" + h;

var URL = "http://www.80cn.com";

popup = window.open(URL,"MenuPopup",windowprops);

}

// End -->

打开页面的参数

离开左边的距离:  pixels

离开右边的距离:  pixels

窗口的宽度:  pixels

窗口的高度:  pixels

this.form.height.value)">

你只要在相对应的对话框中输入一个数值即可,将要打开的页面的窗口控制得很好。

44、页面的打开移动

把如下代码加入

区域中

//   End -->

45、显示个人客户端机器的日期和时间

46、自动的为你每次产生最後修改的日期了:

This is a simple HTML- page.

Last changes:

47、不能为空和邮件地址的约束:

Enter your name:

Enter your e-mail address:

48、跑马灯

这里可显示您的网页 !

49、在网页中用按钮来控制前页,后页和主页的显示。

50、查看某网址的源代码

把如下代码加入

区域中

function add()

{

var ress=document.forms[0].luxiaoqing.value

window.location="view-source:"+ress;

}

输入要查看源代码的URL地址:

51、title显示日期

把如下代码加入

区域中:

52、显示所有链接

把如下代码加入

区域中

53、回车键换行

把如下代码加入

区域中

function handleEnter (field, event) {

var keyCode = event.keyCode ? event.keyCode : event.which ?

event.which : event.charCode;

if (keyCode == 13) {

var i;

for (i = 0; i

if (field == field.form.elements[i])

break;

i = (i + 1) % field.form.elements.length;

field.form.elements[i].focus();

return false;

}

else

return true;

}

回车换行

54、确认后提交

把如下代码加入

区域中

55、改变表格的内容

把如下代码加入

区域中

var arr=new Array()

arr[0]="一一一一一";

arr[1]="二二二二二";

arr[2]="三三三三三";

改变第一格

改变第二格

改变第三格

第一格 第二格 第三格

相关文章

这篇文章主要介绍了javascript实现树形菜单的方法,涉及javascript动态操作页面元素与节点属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07

字符串和数字的操作在js中非常频繁,也非常重要。以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊。下面这篇文章就对字符串和数字的一些常用操作做个整理,一者加深印象,二者方便今后温习查阅。需要的朋友们可以参考借鉴。2017-01-01

这篇文章主要介绍了JavaScript必知必会(三) String .的方法来自何方的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下2016-06-06

js String对象中常用方法小结,需要的朋友可以参考下2012-01-01

这篇文章主要介绍了解决AjaxFileupload 上传时会出现连接重置的问题,需要的朋友可以参考下2017-07-07

js中判断文本框是否为空的两种方法,需要的朋友可以参考下。2011-07-07

JavaScript每天必学之数组和对象部分,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-09-09

这篇文章主要介绍了Js参数RSA加密传输之jsencrypt.js的使用,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02

商品属性和商品规格是js动态生成的元素,商品扩展信息的两个文本框是原有的元素,他们发生堆叠,下面是一些解决思路2014-09-09

近日在做一些OA前端界面,为了更好管理页面代码想写个js选择器,写着写着发现很费力,索性在网上找找看,功夫不负有心人, 找到一个mini css选择器,且性能不凡:以下代码是压缩后的,仅2KB2012-01-01

最新评论

html 点击收藏效果,收藏Javascript中常用的55个经典技巧相关推荐

  1. JavaScript最常用的55个经典技巧

    1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...

  2. Javascript中最常用的55个经典技巧

    1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...

  3. javascript中常用的

    javascript中常用的 1.javascript中构造equals().trim()方法并应用 1 String.prototype.Trim = function() 2 { 3 return ...

  4. JavaScript中常用事件有哪些?

    JavaScript是基于对象的脚本语言,它的一个最基本的特征就是采用事件鼎动.如,当鼠标指针经过某个按钮或者用户在文本框中输入某些信息时,都可以设置相应的JavaScript事件来完成某些特殊效果. ...

  5. 5种JavaScript中常用的排序方法

    5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...

  6. php页面开发,PHP网站开发中常用的8个小技巧

    这篇文章主要介绍了PHP网站开发中常用的8个小技巧,本文讲解了命名.使用.PHP判断Form表单是否提交.PHP 获取字符串长度.PHP超全局对象等内容,需要的朋友可以参考下 PHP是一种用于创建动态 ...

  7. javascript中常用数组方法详细讲解

    javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔 ...

  8. JavaScript中常用内置函数

    JavaScript中有两种函数:一种是语言内部事先定义好的函数叫内置函数,另一种是自己定义的函数.如下是常用的6种内置函数: eval函数 eval(expr)函数可以把一个字符串当作一个JavaS ...

  9. Excel工作表中最常用的10个经典技巧

    生活离不开技巧,工作也是一样,如果你经常和Excel系统打交道,那么,以下技巧是必须要掌握的. 一.Excel经典技巧:单元格内强制换行. 目的:对单元格内的内容换行显示. 方法: 1.将光标定位到需 ...

最新文章

  1. 嵌入式Linux基础学习笔记-文件IO编程-I/O多路复用
  2. 约会用语(很经典的)
  3. c++【深度剖析shared_ptr】
  4. android 开源图表动画,Android 图表开发开源库MPAndroidChart-Go语言中文社区
  5. unity 打包AssetBundle
  6. 法兰克机械手手动操作_谈谈多工位冲床机械手的操作方法
  7. iOS开发之更改状态栏字体颜色
  8. 关于三段式状态机第三段是组合逻辑还是时序逻辑的问题?
  9. 记录片《货币》- 有价星球笔记
  10. 2021年烷基化工艺考试内容及烷基化工艺考试资料
  11. vue结合饿了么_饿了么vue实现学习笔记
  12. 计算机更改虚拟内存有用吗,电脑虚拟内存有什么用(小白必知虚拟内存作用及设置技巧)...
  13. cast 和convert和concat详解以及mysql和sqlserver兼容问题
  14. 3.2收缩-扩张喷管实例
  15. 七牛文件上传回调以及解析回调参数
  16. ClickHouse MergeTree二级索引/跳数索引
  17. 减肥就来红光光浴吧,健康又安全
  18. Codeforces 769B 暴力
  19. 一个前端er写在2015年末的话
  20. 几何画板(可绘制复杂函数等)下载方式

热门文章

  1. Java JDK是什么?
  2. H5网页跳转至微信小程序
  3. 1049: 平方和与立方和 C语言
  4. java的网络协议学习_协议简史:如何学习网络协议?
  5. 30_linux笔记-文件系统
  6. 缺省波特率57600
  7. 下一代电子商务公司什么样(上)
  8. 葫芦娃说 | 下一代编解码标准的抉择
  9. ROS学习——Ubuntu 安装软件报错问题(关于进程锁)
  10. antd table合并行或者列(动态添加合并行、列)