JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Javascript对象字面量的理解

2017年02月06日 7 阅读

对象字面量的输出方式以及定义好处1.对象字面量的输出方式有两种：传统的‘。"，以及数组方式，只不过用数组方式输出时，方括号里面要用引号括起来，如var box = {name:"abc";age:28};alert（box["name"]）;给对象定义方法，A:如果用传统定义对象的方式，就需要先定义方法，然后再把这个方法名赋值给对象的一个属性，如果要调用这个方法不加括号，就是返回方法代码；如果要调用这个方法该对象属性后面加上括号，就得到方法的返回值func...

DIV+CSS+jQ实现省市联动可扩展

2017年02月06日 8 阅读

公司的省市县数据比较坑爹，是通过ehr系统那边生成ID来匹配，比如福建省对应ID 01211014AOP145，城市也对应一个ID，然后区县就不管了。然后我就网上找了一堆资源插件什么的感觉都不适用就决定自己写一个。因为自己也是半桶水的那种界面都不知道怎么弄，弄哪种格式，什么风格，配色啊。就默默的找了京东、亚马逊、淘宝、当当等他们关于省市区是怎么做的。图如下：最后我结合一下做了如下图：废话不多说上源码：<style type="text/css"&...

jQuery soColorPacker 网页拾色器

2017年02月06日 7 阅读

未采用生僻的jquery特性，能兼容jquery1.2.6以上所有版本实例预览引入文件<link type="text/css" rel="stylesheet" media="all" href="soColorPacker/css/style.css" /><script type="text/javascript" src="jquery1.8.0.min.js"></script><script type=...

Javascript将数字转化成为货币格式字符串

2017年02月06日 7 阅读

这里第一个方法是用JavaScript将数字number转换为货币字符串的格式（参数：保留小数位数，货币符号，整数部分千位分隔符，小数分隔符）这里第二个方法是用简单的正则表达式将货币字符换转换为纯净的数字字符串，之后便可以将字符串转换为数字numberJavaScript Money Format（用prototype对Number进行扩展）// Extend the default Number object with a formatMoney（） m...

Javascript将数值转换为金额格式（分隔千分位和自动增加小数点）

2017年02月06日 8 阅读

在项目里碰到需要把类似"450000"的数字转换为会计记账所用的格式，"450,000.00"，分隔千分位和小数点后不够两位数时自动补齐，已下记录几种实现的方式ps:如果不考虑后面的小数点，最快捷的方法："12345678".replace（/[0-9]+?（?=（?:（[0-9]{3}））+$）/g,function（a）{return a+","}）; //输出 12 345 6781.用循环的方式实现function form...

最全的Javascript编码规范（推荐）

2017年02月06日 9 阅读

1.嵌入规则Javascript程序应该尽量放在.js的文件中，需要调用的时候在页面中以<script src="filename.js">的形式包含进来。Javascript代码若不是该页面专用的，则应尽量避免在页面中直接编写Javascript代码。2.对齐缩进与换行a）缩进在同一系统中应采用同一种缩进标准，本文提倡缩进大小为4个空格。各编译器对Tab键所代替的空白大小定义不同。建议在设置开发环境时，将编辑器里的Tab快捷键重新设置成4个...

Javascript如何判断数据类型和数组类型

2017年02月06日 8 阅读

这么基础的东西实在不应该再记录了，不过嘛，温故知新~就先从数据类型开始吧js六大数据类型：number、string、object、Boolean、null、undefinedstring：由单引号或双引号来说明，如"string"number：什么整数啊浮点数啊都叫数字，你懂的~Boolean: 就是true和false啦undefined：未定义，就是你创建一个变量后却没给它赋值~null: 故名思久，null就是没有，什么也不表示object: 这...

浅析jQuery Ajax通用js封装

2017年02月06日 8 阅读

本文大概分为三步实现jquery ajax通过js封装，通过代码实例讲解，代码附有注释，比较容易理解，具体详情如下所示：第一步：引入jQuery库<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> 第二步：开发Ajax封装类，已测试通过，可以直接调用，直接贴代码，讲解就省了/****************...

基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）

2017年02月06日 8 阅读

内容滑动切换应用非常广，常见的有幻灯片焦点图、画廊切换等。随着WEB前端技术的广泛应用，内容滑动切换效果占据着web页面重要地位，因此本站Helloweba特别给广大前端爱好者安排了浅显易懂的内容滑动切换效果的开发教程。先给大家展示下效果图，感觉还不错请参数实现代码，具体效果如下所示：效果展示源码下载本次教程分三个部分：1、使用jQuery开发基本的内容滑动切换效果，2、支持移动端触控自适应的内容滑动切换效果，3、封装内容滑动切换效果jQuery插件。本文...

jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载（二）

2017年02月06日 8 阅读

今天我们继续内容滑动切换效果的第二部分讲解。如今我们的web开发都要适应移动设备，就是说我们的web页面要在移动设备如手机端也能正常访问，所以我将第一部分的基本切换效果做了加强，增加了响应式和触控滑动效果。效果展示源码下载本文是hwSlider-内容滑动切换效果的第二部分，演示DEMO都是基于第一部分内容的基础上的，所以，如果您还没阅读过第一部分的话，请先移步参阅：基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）响应式什么是响应...

JavaScript基于原型链的继承

2017年02月06日 8 阅读

Javascript并不是一门面向对象的语言，没有提供传统的继承方式，但是它提供了一种原型继承的方式，利用自身提供的原型属性来实现继承。原型链是JavaScript中继承的主要方法。原型链的基本思想是：利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。如果让原型对象等于另一个对象的实例，这样原型对象将包含一个指向另一个...

jQuery UI结合Ajax创建可定制的Web界面

2017年02月06日 8 阅读

如今，网站比以往更具可定制性，允许用户更改其空间，根据自己的喜好对其进行个性化。个性化的主页或仪表板页面（例如 iGoogle、MyYahoo！和 MyAOL）日渐普及，大多数 Web 应用程序内甚至也整合了类似的功能。jQuery 库简化了此类复杂 JavaScript 交互的编写，随着 jQuery UI 的引入，这项功能得到了进一步的简化，该库以易于访问的 jQuery 插件的形式提供了常用用户界面类型。本文介绍了如何利用 Ajax 和 jQuer...

Ext JS动态加载JavaScript创建窗体的方法

2017年02月06日 8 阅读

JavaScript不需要编译即可运行，这让JavaScript构建的应用程序可以变得很灵活。我们可以根据需要动态从服务器加载JavaScript脚本来创建和控制UI来与用户交互。下面结合Ext JS来说明如何从服务器上动态加载JS脚本来动态创建窗体。1 项目结构：项目结构如下：其中GetJSUI一般处理程序用来从数据库表中抓取UI配置，并返回到客户端；Contents文件夹下用HTML文件和JS库等。2 数据库表结构可以用下面的SQL在MSSQL中创建表...

每日十条JavaScript经验技巧（一）

2017年02月06日 9 阅读

1. 不使用script自闭合标签script中使用自闭合标签，虽然他在XHTML中合法，但是不符合HTML规范，而且得不到某些浏览器的正确解析。我曾经就在引入EXT时使用此方式，导致无法正确执行脚本。<script src="example.js"/> --> <script src="example.js"></script>2. 将脚本放到</body>前面如果将脚本文件放到<head>...

浅谈jquery中的each方法$.each、this.each、$.fn.each

2017年02月06日 8 阅读

jquery.each 方法方法一$（"img"）.each（function（i,elem）{ // i 下标从零开始， // elem == this // $（elem）.toggleClass（"example"）; $（this）.toggleClass（"example"）;}）;方法二$.each（[1,2,3,4],function（）{ //$（this）==数组中的每一个数组（如果数组是对象，就是对象）}）;方法三应有场景有点不一样...

jQuery实现查找最近父节点的方法

2017年02月06日 8 阅读

本文实例讲述了jQuery实现查找最近父节点的方法。分享给大家供大家参考，具体如下：这里演示查找当前控件最近的table<html><head><title>usually function</title></head><body><table name="name_table1"><tr><td>table1</td></tr&g...

每日十条JavaScript经验技巧（二）

2017年02月06日 8 阅读

1. 非数值类型转数值使用Number（）转换时：undefined会转为NaN如果字符串以0开始，浏览器会忽略前导0，不会按照八进制进行转换如果字符串以0x开始，浏览器会按照十六进制转化为十进制返回如果字符串有字符，除（+,-,.）外都会转为NaN，十六进制时，字符串包含任何非数字字符都返回NaN如果是对象转换，则对象先使用valueof（）,然后按照规则转换。如果无valueOf方法，则调用toString方法，再转换。使用parseInt（）转换时：...

jQuery根据name属性进行查找的用法分析

2017年02月06日 10 阅读

本文实例讲述了jQuery根据name属性进行查找的用法。分享给大家供大家参考，具体如下：$（"div[id]"） //选择所有含有id属性的div元素$（"input[name="newsletter"]"） //选择所有的name属性等于"newsletter"的input元素$（"input[name！="newsletter"]"） //选择所有的name属性不等于"newsletter"的input元素$（"input[name^="news"]...

Bootstrap组件系列之福利篇几款好用的组件（推荐）

2017年02月06日 9 阅读

前言：之前分享过很多bootstrap常用组件，包括表格、表单验证、文件上传、复选下拉框、弹出框等。这段时间，博主又收藏了一些好用的组件（有些在项目中已经用起来了），经过两天的时间，已经整理出了一部分，本着“好东西要与人分享”的原则，今天还是来点福利，将博主收藏的东西分享出来，供需要的园友参考。组件大部分都是些开源组件，也有部分是博主自己在网上找到然后改写出来的效果，可能不尽如人意，有兴趣的且看看吧。一、时间组件bootstrap风格的时间组件非常多，你可...

jquery中live（）方法和bind（）方法区别分析

2017年02月06日 8 阅读

本文实例讲述了jquery中live（）方法和bind（）方法区别。分享给大家供大家参考，具体如下：live（）不受加载时间顺序的影响，只要查找能够配对上就能够绑定对应的事件，而bind方法只有在第一次被加载的时候才绑定时间，如果代码之后再加载配对的元素，则不能绑定对应的事件$（"#manual_disconnect"）.live（"click", function（）{connectionProfile（"0"）;}）;$（"#manual_discon...

首页 / 脚本样式 / JavaScript

Javascript对象字面量的理解

DIV+CSS+jQ实现省市联动可扩展

jQuery soColorPacker 网页拾色器

Javascript将数字转化成为货币格式字符串

Javascript将数值转换为金额格式（分隔千分位和自动增加小数点）

最全的Javascript编码规范（推荐）

Javascript如何判断数据类型和数组类型

浅析jQuery Ajax通用js封装

基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）

jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载（二）

JavaScript基于原型链的继承

jQuery UI结合Ajax创建可定制的Web界面

Ext JS动态加载JavaScript创建窗体的方法

每日十条JavaScript经验技巧（一）

浅谈jquery中的each方法$.each、this.each、$.fn.each

jQuery实现查找最近父节点的方法

每日十条JavaScript经验技巧（二）

jQuery根据name属性进行查找的用法分析

Bootstrap组件系列之福利篇几款好用的组件（推荐）

jquery中live（）方法和bind（）方法区别分析