JavaScript的代码库

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中经常使用的代码眼下就汇集这些,很多其它的经常使用代码以后陆续收集。

时间: 2024-09-30 01:00:56

JavaScript的代码库的相关文章

JavaScript chart--15款JavaScript制图表库

译文来源:http://www.sitepoint.com/15-best-javascript-charting-libraries/ 我们无法想像一个没有图表的Dashboard会是什么样.图表可以对数据进行直观有效的展示.不仅如此,图表的巧妙应用还可以提升网站的整体视觉效果. 本文将介绍一些非常好用的制作图表的JavaScript库.这些库能够帮助你完成你未来项目中的漂亮的.可定制化的图和表. 文中介绍的库大多是免费的,当然也有一些库会提供功能更加强大的付费版. 1. D3.js —— 数

编写自己的代码库(javascript常用实例的实现与封装)

编写自己的代码库(javascript常用实例的实现与封装) 1.前言 大家在开发的时候应该知道,有很多常见的实例操作.比如数组去重,关键词高亮,打乱数组等.这些操作,代码一般不会很多,实现的逻辑也不会很难,下面的代码,我解释就不解释太多了,打上注释,相信大家就会懂了.但是,用的地方会比较,如果项目有哪个地方需要用,如果重复写的话,就是代码沉余,开发效率也不用,复用基本就是复制粘贴!这样是一个很不好的习惯,大家可以考虑一下把一些常见的操作封装成函数,调用的时候,直接调用就好!源码都放在githu

前端必备,十大热门的 JavaScript 框架和库

JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不得不说苦了前端的开发者们.因此本文罗列出了一些优秀的 Javascript 框架和库的特及其在 github 上的 star 数,旨在为各位开发者提供一些参考. 1.ReactJS (Star: 59989  ,Fork: 10992) 主页:https://facebook.github.io/r

第一百四十节,JavaScript,封装库--浏览器检测

JavaScript,封装库--浏览器检测 在函数库编写一个,浏览器检测对象 /** sys浏览器检测对象,对象下有两个属性,liu_lan_qi属性和xi_tong属性 * liu_lan_qi属性,检测浏览器名称和版本号,如:alert(sys.liu_lan_qi); * xi_tong属性,检测浏览器运行环境,如:alert(sys.xi_tong); **/ (function () { //闭包,自我执行 window.sys = {}; //全局变量对象,保存浏览器信息 var u

2017最好的JavaScript框架、库和工具 — SitePoint

与开发者数量相比,可能有更多的JavaScript框架.库和工具.截止到2017年5月,在GitHub上快速搜索能搜到超过110万的JavaScript项目. 在npmjs上有50万的可用包,并且这些包每个月的下载量将近100亿次. 2017.05.29: 更新了本文,旨在能正确的描述当前JavaScript生态的状态. 本文着重讲述目前最流行的客户端JavaScript框架.库和工具之间的基本差异和他们的基本介绍.至于是不是你要寻找的最佳实践那是另外一个问题.你可以选择一个,并坚持使用一段时间

第一百三十一节,JavaScript,封装库--CSS

JavaScript,封装库--CSS 将封装库里的方法,改成了原型添加方法 增加4个方法 tian_jia_class()方法,给获取到的元素添加class属性,参数是class属性值,可以连缀1 yi_chu_class()方法,给获取到的元素移除class属性,参数是要移除的class属性值,可以连缀2 she_zhi_link_css()方法,设置link连接.或style内嵌.中的CSS样式3 yi_chu_link_css()方法,移除link连接.或style内嵌.中的CSS样式4

CodeMirror:基于JavaScript的代码编辑器

官方网站定义: http://codemirror.net/ CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionalit

第一百三十九节,JavaScript,封装库--CSS选择器

JavaScript,封装库--修改元素选择器 就是将构造库函数修改成元素选择器,像css那样,输入#xxx .xxx xxx  (获取指定id下的指定class下的指定标签元素) 修改后的基础库 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象,使其每次调用都是独立的对象 * $()创建库对象,有一个可选参数,参数有两种方式,1是传入的this,2是传入的字符串 * 可选参数说明: * 传入的

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

JavaScript,封装库--拖拽 封装库新增1个拖拽方法 /** tuo_zhuai()方法,将一个弹窗元素实现拖拽功能 * 注意:一般需要在css文件将元素里的某一个区块光标设置成提示可以拖拽,如:cursor: move; * 无参 **/ feng_zhuang_ku.prototype.tuo_zhuai = function () { if (this.jie_dian.length == 1) { var yan_su = null; for (var i = 0; i < th