`
aaron0927
  • 浏览: 27700 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics