当前位置: 代码迷 >> JavaScript >> JavaScript惯用特效
  详细解决方案

JavaScript惯用特效

热度:181   发布时间:2012-10-06 17:34:01.0
JavaScript常用特效

1.???????滚动条始终在最下端:

javascript:window.scroll(0,document.body.scrollHeight)

?

2.??判断用户输入的参数是否为数字:

var test = /\d/;

????if(! test.test($("pPrice").value))

????{

????????alert("输入的商品价格格式不正确,请重新输入!!!");

????????$("pPrice").focus();

????????return false;???

????}

3.???????数据之间的类型转换:

var total = parseFloat(numb1)??*??parseFloat(numb2);

?

4.???????数据类型的比较:

===比较值和数据类型,如果为true说明它们的值和数据类型都相同

==只是比较值是否相同

?

5.???????JavaScript中的函数的调用:

当调用函数时,可以不传参,在JavaScript中不存在方法的重载

如果出现方法名称相同,会以最后的那一个方法为准

?

6.普通按钮的重置与提交设置:

??????重置:this.from.reset();

??????提交:this.from.submit();

?

7.window.open窗体的设置:

语法:window.open(“打开窗口的url”,”窗口名”,”窗口特征”);

窗口特征:

Height:窗口的高度

Width:窗口的宽度

?

8.设置文本框获得焦点:

document.getElementById(“Id”).focus();

?

9.设置选中文本框的初始值:

document.getElementById(“Id”).select();

?

10.时间的显示设置:

???????Var time = new Date();

??????:time.getDate();

??????星期:time.getDay();

??????小时:time.getHours();

??????分钟:time.getMinutes();

??????秒:time.getSeconds();

??????月:time.getMonth();

??????年:time.getYear();

??????让时间动起来:

???????setTimeout(“函数”,1000);

???????setInterval(“?函数”,1000);

?

11.设置页面的前进与后退:

???????<a href = “javascript:history.go(-1)”>返回</a>

???????<a href= “javascript:history.go)(1)”>前进</a>

?

12.位于页面顶端的广告图片设置:

??????首先将层定位再:

???????Document.getElementById(“advLayer”).style.pixelTop=advInitTop+document.body.scrollTop;

??????调用函数:

???????Window.onscroll=函数;

?

13.设置层的显示与隐藏:

???????Document.getelementById(“closeLayer”).style.display = “none”;

???????Document.getelementById(“closeLayer”).style.display = “block”;

?

14.设置全选:

??????首先把每个复选框的名字设置成为同一名字,然后使用复选框数组,再使用循环语句来设置所有的复选框的checked属性值为true,从而实现全选效果.同理,使用循环语句来设置所有的复选框的checked属性为flase,从而实现不全选效果

Var allcheckBoxs = document.getElementByName(“isBuy”);

Function checkAll(boolValue)

{

???????for(var i = 0; I < ?allcheckBox.length; i++)

???????{

??????????????If(allcheckboxs[i].type==”checkbox”)

??????????????{

?????????????????????Allcheckboxs[i].checked = boolValue;

}

}

}

Document.getElementsByTagName(tagname)用于获取一个页面中包含所有指定标签名元素的对象数组;document.getElementByTageName(“p”)表示得到文档中所有<p>标签的引用

?

15.javascritp中的样式设置:

???????Javascript的标识符不能包含短横线,并且若标识符中包含多个单词时,后面的单词的首字母要大写,如属性名fontSize中的”S”字线必须是大写的.

16.显示与隐藏的设置比较:

???????Display指定区域隐藏后释放位置

???????Visbility指定区域隐藏不释放位置

?

17.判断用户输入的日期:

???????/\d{4}-\d{1,2}-\d{1,2}/;

?

18.邮箱地址的验证:

???????Var re = /\w+@\w+\.+\w/;

?

19.图片提交:

???????<input type = “image” src = “图片地址”>

?

20.javascript中数组的定义:

???????Var arr = [“num1” ,”num2”,”num3”];

???????Var arr = new Arrayl(“num1”,”num2”,”num3”);

:lengthjavascripit中是属性,而不是方法

?

21、设置滚动条与屏幕顶端的高度:???????

????onload="javascript:document.body.scrollTop=65"

?

22、如何判断浏览器的关闭

????<script>?

??????????????function CloseOpen(event) {?

?????????????????????if(event.clientX<=0 && event.clientY<0) {?

????????????????????????????alert("关闭");?

?????????????????????}?

?????????????????????else?

?????????????????????{?

????????????????????????????alert("刷新或离开");?

?????????????????????}?

??????????????}?

???????</script>?

???????<body onunload="CloseOpen(event)">?

???????</BODY>

</HTML>

第二种做法:

<script language="javascript">?

???????window.onbeforeunload = function() //author: meizz?

???????{?

??????????????var n = window.event.screenX - window.screenLeft;?

??????????????var b = n > document.documentElement.scrollWidth-20;?

??????????????if(b && window.event.clientY < 0 || window.event.altKey)?

??????????????{?

?????????????????????alert("是关闭而非刷新");?

?????????????????????window.event.returnValue = ""; //这里可以放置你想做的操作代码?

??????????????}?

???????}

</script>

  相关解决方案