JavaScript的代码库

本文主要是汇集了一些JavaScript中一些经常使用代码。方便以后查找和复用。

javascript框架:

<script language=“javascript” type=“text/javascript”>

               //javascript代码

         </script>

JS中自己定义函数的定义:

function 函数名()

{

           //函数体

         }

三大结构:

1.顺序结构:

2.选择结构:

if(结果为布尔类型的表达式)

{

              //表达式为真时运行的语句。

         }

        else

{

            //表达式为假时运行的语句。

        }

        3.循环结构

循环初始值

         while(循环条件)

{

             //须要循环的javascript语句

            改变循环初始值

         }

for(循环的初始值;循环条件;改变循环初始值)

{

             //须要循环的javascript语句

         }

运算符

算术运算符:+、 -、 *、 / 、%(余数) 、=(赋值)

算术运算符:>、>=、<、<=、!=、==

逻辑运算符: && ()而且   、 || (或者) 、  ! (取反)

+=、 -=、 *=、 /=、 %=

++(自加1)、--(自减1)

//数组

var a=new Array();

        a[0]=5;

        a[1]=9;

        a[2]=2;

        a.sort();  //从小到大排序

        alert("数组的长度:"+a.length);

        alert(a[0]+","+a[1]+","+a[2]);

转义字符:

换行:\n

正則表達式:

. 写在双斜线//之间。第二个斜线外有參数

        .g表示全局查找(g是Global)

        .i表示忽略大写和小写(i是Ignore case的缩写)

        匹配一连串的空白符:/^\s+$/g

        匹配字符串左右两边的空白符:/(^\s+)|(\s+$)/g

        匹配一连串的中文:/^[\u4e00-\u9f5a]+$/g

        匹配数字能够有小数点:/^\d+(\.\d+)?$/g

        QQ号码5位数字以上/^\d{5,}$/g             //注意这里输入的是大括号{}.不是括号().

Email格式验证:/\w+([-+.]\w+)*@(\w+([-.]\w+)*\.\w+)*/g

其他:

var x = document.表单名.文本框名.value;    //把文本框里的值存在变量X中

        document.表单名.文本框名.select();         //把文本框里的内容全选。

        document.表单名.文本框名.focus();          //文本框得到焦点。

alert("大家好");  //弹出对话框

prompt("请输入password","默认值");  //弹出输入框

事件:onFocus得到焦点   onBlur失去焦点   onClick点击事件 onChange下拉菜单改变时。



        提交表单:document.表单名.submit();



        依据id获取元素:document.getElementById("id")

JavaScript中经常使用的代码眼下就汇集这些,很多其它的经常使用代码以后陆续收集。

JavaScript的代码库的更多相关文章

  1. three.js - 一个javascript 3D代码库

    这个项目的目的是用最简单的开发模式创建一个轻量级的3 d代码库,这个js库提供了canvas,svg,css3d和webgl这四种渲染方式. 下载地址: 下载地址:https://github.com ...

  2. js原生设计模式——9外观模式封装2(小型代码库YJ)

    <script type="text/javascript">    //小型代码库YJ封装    var YJ = {        //根据id获取元素       ...

  3. 网页制作中最有用的免费Ajax和JavaScript代码库

    网上看到的一篇小文,挺有用的,收藏在这. 本文中,我整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平. Ajax Instant Messeng ...

  4. 顶级的JavaScript框架、库、工具及其使用

    几乎每隔一个星期,就有一个新的 JavaScript 库席卷网络社区!Web 社区日益活跃.多样,并在多个领域快速成长.想要研究每一个重要的 JavaScript 框架和库,是个不可能完成的任务.接下 ...

  5. 2016 年 50 个最佳的轻量级 JavaScript 框架和库

    作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...

  6. Overview of the Oppia codebase(Oppia代码库总览)

    Oppia is built with Google App Engine. Its backend is written in Python, and its frontend is written ...

  7. 20个优秀的 JavaScript 键盘事件处理库

    键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验.下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理 ...

  8. 2016年31款轻量高效的开源JavaScript插件和库

    目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...

  9. 第一百三十五节,JavaScript,封装库--拖拽

    JavaScript,封装库--拖拽 封装库新增1个拖拽方法 /** tuo_zhuai()方法,将一个弹窗元素实现拖拽功能 * 注意:一般需要在css文件将元素里的某一个区块光标设置成提示可以拖拽, ...

随机推荐

  1. sql数据库中常用连接

    很简单的知识点,今天有点搞不清楚左外连接,右外连接:详见以下: --表stu id name 1, Jack 2, Tom 3, Kity 4, nono --表exam id grade 1, 56 ...

  2. 在下载jar包时,要有三个包,分别为使用的把class、查看文档的api、查看源代码的资源包

    字节码包: spring-webmvc-4.1.6.RELEASE.jar 文档包:    spring-webmvc-4.1.6.RELEASE-javadoc.jar 资源包:    webmvc ...

  3. 使用HBuilder新建项目

    依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目)) 如上图,请在A处填写新建项目的名称,B处填写(或选择)项目保存 ...

  4. [ NOIP 2002 ] TG

    \(\\\) \(\#A\) 均分纸牌 有\(N\)堆纸牌,每堆有若干张,但纸牌总数必为\(N\)的倍数.可以在任一堆上取若干张纸牌,然后移动给其左右任意一侧的纸牌堆,求将所有的牌堆牌数都变为平均值最 ...

  5. jQuery自适应倒计时插件

    jQuery自适应倒计时插件 在线演示本地下载

  6. JS压缩图片(canvas),返回base64码

    上传图片时总会遇到图片过大上传不上去的问题,本方法是在网上搜的压缩图片的例子,我测试过了,确实能用,但是照搬别人的代码,发现压缩后图片会失真,不清晰,现经修改图片清晰度还可以,不仔细看差别不大,so, ...

  7. jQuery——stop

    为什么要停止动画? 对同一个元素,如果拥有一个以上的动画对其加以作用,那么后面的动画会被放入一个动画队列中.动画队列的动画是在其上一个动画完成以后才会执行. 控制两个参数四种情况 1.第一个参数表示后 ...

  8. vm装xp安装成功后进入不了系统

    1.如果是用虚拟光驱,你肯定步骤是先新建的虚拟机,再安装的虚拟光驱,所以会出现这样的问题.(请先安装虚拟光驱,再新建虚拟机,再用虚拟光驱加载镜像文件,问题解决)2.如果是直接使用的镜像,那么在GHOS ...

  9. CAD在网页绘一个直线,得到直线id,再调该得到直线对象,然写扩展数据

    IMxDrawDatabase::ObjectIdToObject 实体id返回实体对象. 参数 说明 [in] LONGLONG lId 实体id JS代码,中绘一个直线,得到直线id,再调该得到直 ...

  10. Java对象的创建及使用

    Java对象的创建及使用 对象是类的具体实例(instance),是真实存在的个体: