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”);
注:length在javascripit中是属性,而不是方法
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>