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. linux命令(006) -- w

    w命令用于显示已经登陆系统的用户列表,并显示用户正在执行的指令.执行这个命令可得知目前登入系统的用户有那些人,以及他们正在执行的程序.单独执行w命令会显示所有的用户,您也可指定用户名称,仅显示某位用户 ...

  2. Linux命令(005) -- kill、pkill和killall的比较

    kill命令用来“杀掉”指定进程PID的进程.终止一个前台进程可以使用Ctrl+C,终止一个后台进程就须用kill命令.kill命令是通过向进程发送指定的信号来结束相应进程的.在默认情况下,kill命 ...

  3. Flume特点

    Flume 特点 1.可靠性 当节点出现故障时,日志能够被传送到其他节点上而不会丢失. Flume提供了三种级别的可靠性保障,从强到弱依次分别为: (1)  end-to-end(收到数据agent首 ...

  4. mysql外键创建失败原因

    引用:http://blog.csdn.net/wangpeng047/article/details/19624351 首先,如果和外键相关的几张表中已经插入了数据,可能导致外键插入的失败 在MyS ...

  5. 《Java编程的逻辑》第一部分 编程基础与二进制

  6. html5——全屏滚动

    鼠标滚轮 window.onmousewheel=function(){}; 基本描述 1.我们使用插件fullpage,为了更好的兼容性 2.动画效果是在滚动到这一屏时触发的,此时给当前屏幕加cur ...

  7. json 新用

    如果使用struts2的action,可以省去属性赋值的工夫. 但是假如你没有使用struts2,而且使用的是ajax请求,通过json来传递参数.那我下面所说的对你可能是一个很好的解脱,从此告别re ...

  8. Python开发工具搭建-Pycharm

    PyCharm2017. 3.X专业版 安装使用. 注册码激活 本文以 Windows系统 为例: 1.开发工具获取及下载 Anaconda(Python 的集成工具 ) 下载地址: https:// ...

  9. 12--C++_运算符重载

    C++_运算符重载 什么是运算符的重载? 运算符与类结合,产生新的含义. 为什么要引入运算符重载? 作用:为了实现类的多态性(多态是指一个函数名有多种含义) 怎么实现运算符的重载? 方式:类的成员函数 ...

  10. 【sqli-labs】 less46 GET -Error based -Numeric -Order By Clause(GET型基于错误的数字型Order By从句注入)

    http://192.168.136.128/sqli-labs-master/Less-46/?sort=1 sort=4时出现报错 说明参数是添加在order by 之后 错误信息没有屏蔽,直接使 ...