`
aaron0927
  • 浏览: 28448 次
  • 性别: 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>

分享到:
评论

相关推荐

    javascript常用特效(三大资源).可做参考

    本资源包包含了三个重要的部分,可以帮助开发者深入理解和掌握JavaScript的常见特效及其应用。 一、JavaScript基础与原理 在JavaScript123.chm文件中,你将找到JavaScript的基础知识,包括变量、数据类型、控制流程...

    javaScript常用特效帮助文档

    里面所有的文档:CSS2.0中文手册、DHTML 手册、Javascript API、javaScript常用特效(4个)、JavaScript权威指南第五版、JavaScript使用手册、W3CSchool教程、程序员常用JavaScript特效、网页制作完全手册、样式表...

    JavaScript常用特效实例

    "JavaScript常用特效实例"这个主题涵盖了JavaScript在网页设计中的多种实用技巧和效果,下面将详细介绍其中可能涉及的一些关键知识点。 1. **DOM操作**:JavaScript能够通过Document Object Model(DOM)来改变HTML...

    1500个javascript常用特效

    这个名为“1500个javascript常用特效”的资源集合,无疑是前端工程师们的一份宝贵财富。它包含了大量的JavaScript特效,涵盖了各种常见且实用的功能,能够极大地丰富网页的交互体验,提升用户的使用感受。 在前端...

    常用JavaScript特效

    常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效 很好的东东

    javascript常用特效

    本资源“javascript常用特效”集合了一些实用的JavaScript代码片段,可以帮助开发者实现各种常见的网页特效。下面将详细探讨这些特效及其背后的JavaScript原理。 1. **页面滚动动画**:JavaScript可以实现平滑的...

    JavaScript常用特效精华

    "JavaScript常用特效精华"这个主题涵盖了JavaScript在网页交互、动画、表单处理等多个方面的核心技巧和常见应用。 1. **DOM操作**:JavaScript能够通过Document Object Model(DOM)来改变HTML或XML文档的内容。...

    javascript个人常用特效

    在“javascript个人常用特效”这个主题中,我们可以深入探讨JavaScript在创建各种视觉效果和用户交互方面的强大能力。 首先,JavaScript特效涵盖了很多方面,如页面动画、图像处理、时间日期显示、导航菜单、滑块、...

    javaScript常用特效.希望大家喜欢文字的滚动效果

    javaScript常用特效.希望大家喜欢.文字的滚动效果

    javascript常用特效及教程

    这篇教程将深入探讨JavaScript的常用特效及其实现方式。 一、页面动态效果 1. 滚动条滚动事件:通过监听window对象的scroll事件,可以实现页面滚动时触发特定功能,例如固定导航栏、滚动加载等。 2. 动画效果:...

    程序员常用JavaScript特效.

    程序员常用JavaScript特效.chm,里面有很多很实用的javascript特效。

    javascript常用特效.doc

    以下是一些基于给定文件中的JavaScript特效的详细说明: 1. **加入收藏**: 这个功能允许用户将当前网页添加到他们的浏览器收藏夹。通过`onclick`事件处理函数`window.external.AddFavorite(location.href, document...

    javascript的常用特效举例

    以下将详细介绍标题和描述中提到的一些JavaScript常用特效及其实现方法。 1. 广告轮播(Banner Rotation): 广告轮播是一种常见的网页元素,用于展示多个广告或内容。通过JavaScript,我们可以创建一个自动切换的...

    JavaScript 源代码大全(常用、实用、特效)

    这份"JavaScript 源代码大全"集合了多种常用、实用和特效的代码,旨在为开发者提供丰富的参考资料和实践示例。 一、JavaScript基础概念 JavaScript是一种解释型的、面向对象的、弱类型的脚本语言,主要用于网页和...

Global site tag (gtag.js) - Google Analytics