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. day01_12/11/2016_Spring入门PPT

    s1 s2 s3 s4 s5 s6 s7 s8 IOC1 IOC2 入门编写1 入门编写2 入门编写3 入门编写4---心得

  2. 331 Verify Preorder Serialization of a Binary Tree 验证二叉树的前序序列化

    序列化二叉树的一种方法是使用前序遍历.当我们遇到一个非空节点时,我们可以记录这个节点的值.如果它是一个空节点,我们可以使用一个标记值,例如 #.     _9_    /   \   3     2  ...

  3. 【转】Linux下使用locale命令设置语言环境

    转自:http://www.cnblogs.com/dolphi/p/3622570.html locale命令设置语言环境 在Linux中通过locale来设置程序运行的不同语言环境,locale由 ...

  4. Laravel5.1学习笔记11 系统架构3 服务提供者

    服务提供者 简介 写一个服务提供者 Register注册方法 Boot 方法 注册提供者 缓载提供者 简介 Service providers are the central place of all ...

  5. Python--10、生产者消费者模型

    生产者消费者模型(★) 平衡生产线程和消费线程的工作能力来提高程序的整体处理数据的速度.程序中有两类角色:生产数据.消费数据实现方式:生产->队列->消费. 通过一个容器来解决生产者和消费 ...

  6. JS高级——歌曲管理

    1.将歌曲管理的CURD方法放到原型中 2.在构造函数中,我们只有一个属性是songList,因为音乐库不是共有的,如果将songList放入原型中,任何一个人的一次修改songList,都将把son ...

  7. windows 设置注册表服务自动启动

    HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\services\xxx\Start = ,=自动,,=禁用

  8. eclipse版本和jdk的版本兼容问题

    eclipse也是有版本的,当版本过低时,无法兼容高版本的jdk 项目中用的是jdk1.8,但是低版本的eclipse只能选到jdk1.7,导致java文件在编译的过程中,不识别1.8版本jdk的语法 ...

  9. xamarin.forms模拟rem动态大小值,实现屏幕适配

    开发app的时候,比较麻烦的地方,就是处理屏幕适配,比如文字设为12的大小,测试的时候,看得文字挺正常,可是,放到高分辨率设备一看,文字就变得特别小, 怎样实现随着分辨率变大或者变小,所有的size数 ...

  10. [forward]警惕UNIX下的LD_PRELOAD环境变量

    From: https://blog.csdn.net/haoel/article/details/1602108 警惕UNIX下的LD_PRELOAD环境变量 前言 也许这个话题并不新鲜,因为LD_ ...