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. 【BZOJ3294/洛谷3158】[CQOI2011]放棋子(组合数+DP)

    题目: 洛谷3158 分析: 某OIer兔崽子的此题代码中的三个函数名:dfs.ddfs.dddfs(充满毒瘤的气息 显然,行与行之间.列与列之间是互相独立的.考虑背包,用\(f[k][i][j]\) ...

  2. 6CSS之文本

    CSS文本:文本缩进(text-indent).文本对齐(text-align).文本修饰(text-decoration).文本大小写(text-transform).字符距离(letter-spa ...

  3. day03_12/13/2016_bean的管理之作用域与初始化时间

    在Spring中,Bean有几种作用域: 1.singleton作用域 当一个bean的作用域设置为singleton,那么Spring IOC容器中只会存在一个共享的bean实例,并且所有对bean ...

  4. fieldset ----- 不常用的HTML标签

    fieldset 元素可将表单内的相关元素分组. <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段. 当一组表单元素放到 <fieldset> 标签内时 ...

  5. Echarts 出现不明竖线解决方案

    Echarts出现了不明竖线,百思不得其解.去查相应的解决方案也没有找到. 后来自己点来点去,突然感觉像是上一个Echarts遗留的. 然后去Echarts官网看到了 clear()方法,这个方法可以 ...

  6. JS高级——沙箱

    基本概念 1.沙箱:与外界隔绝的一个环境,外界无法修改该环境内任何信息,沙箱内的东西单独属于一个世界 2.苹果手的app使用的就是沙箱模式去运行,隔离app的空间,每个app独立运行 js沙箱基本模式 ...

  7. Lazarus Coolbar and AnchroDocking

    在lazarus1.6里加载了AnchroDocking后,Coolbar突然不见了,找了好久没找到,原来在这里! 在AnchroDocking中可能是为了界面的最大化,默认是开始Toolbar 而关 ...

  8. js >> 右移操作符

    十进制 十六进制 二进制 右移>> 十进制值 F 1F FF

  9. GridView中的日期处理

    数字 {0:N2} 12.36  数字 {0:N0} 13  货币 {0:c2} $12.36  货币 {0:c4} $12.3656  货币  "¥{0:N2}"  ¥12.36 ...

  10. HTML5轻松实现全屏视频背景

    想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览.那么我告诉你有一款Javascript库正合你意,它就是Bideo.js. 参考网址: https://ww ...