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

基于WebUploader的文件上传js插件

2017年02月06日 39 阅读

首先把地址甩出来，http://fex-team.github.io/webuploader/里面有比较完整的demo案例文档，本文主要是基于文件上传和图片上传增加了大量的注释，基本保证了每行代码都有注释以助于理解，是对官网demo的增强版，希望可以帮助大家更好的理解该插件首先是文件上传jQuery（function（） {var $ = jQuery,$list = $（"#thelist"）,$btn = $（"#ctlBtn"）,state = "p...

js仿腾讯QQ的web登陆界面

2017年02月06日 36 阅读

用了腾讯QQ也有将近十年了，今天心血来潮想模仿腾讯QQ的登陆面板做一个web版的登陆面板，然后参考了一些代码，自己模仿，学写了一个。效果如下：其中还实现了拖动面板，选择状态的效果下面是具体代码：1.index.html<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>拖动</title><link h...

Angular设置title信息解决SEO方面存在问题

2017年02月06日 36 阅读

Javascript框架在处理seo方面存在问题，因为爬虫在检索seo信息的时候会读不了js给其赋的值，导致搜索引擎收录不了或者收录了无效的信息,比如收录的可能是title={{title}}这样的，下面先说如何在路由跳转时修改页面的seo信息，现在spa跳转一般用route-ui了，就以这个为基础讲解，在app.js配置项state中加入title信息，如下：data:{ pageTitle:"user title"}.state（"index.user...

js判断checkbox是否选中个数的方法（超简单）

2017年02月06日 39 阅读

实例如下：<SCRIPT LANGUAGE="JavaScript">//判断同类型function checkboxnum（）{ var form = document.forms["formbj1"]; var i,j=0; for （i=0; i<form.length; i++）{ var e=form[i]; if （e.checked && e.type=="checkbox" && e.name=="bjid[]"） {j+...

AngularJS入门教程之过滤器详解

2017年02月06日 41 阅读

在这一步你将学习到如何创建自己的显示过滤器。请重置工作目录：git checkout -f step-9现在转到一个手机详细信息页面。在上一步，手机详细页面显示“true”或者“false”来说明某个手机是否具有特定的特性。现在我们使用一个定制的过滤器来把那些文本串图形化：√作为“true”；以及×作为“false”。来让我们看看过滤器代码长什么样子。步骤8和步骤9之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。定制过滤器为了创建一个新的...

浅谈jquery设置和获得checkbox选中的问题

2017年02月06日 35 阅读

1. 设置checkbox选中：//选中多选框checkbox=$（"#agentinfo input[name="veri[]"]"）;//循环多选框中的值checkbox.each（function（）{for（var j=0;j<data.veri.length;j++）{//判断当前值是否在数组中if（$（this）.val（） == data.veri[j]）{$（this）.attr（"checked","checked"）;//选中}}...

jQuery增加、删除及修改select option的方法

2017年02月06日 43 阅读

本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考，具体如下：jQuery获取Select选择的Text和Value:1.//获取Select选择的Textvar checkText=jQuery（"#select_id"）.find（"option:selected"）.text（）; 2.//获取Select选择的option Valuevar checkValue=jQuery（"#select_id"）...

AngularJS 入门教程之事件处理器详解

2017年02月06日 39 阅读

在这一步，你会在手机详细信息页面让手机图片可以点击。请重置工作目录：git checkout -f step-10手机详细信息视图展示了一幅当前手机的大号图片，以及几个小一点的缩略图。如果用户点击缩略图就能把那张大的替换成自己那就更好了。现在我们来看看如何用AngularJS来实现它。步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。控制器app/js/controllers.js...function PhoneDetai...

js自调用匿名函数的三种写法（推荐）

2017年02月06日 38 阅读

第一种：（function（）{console.log（‘hello world”） }）（）第二种：（function（）{console.log（‘hello world"） }（））第三种：！function（）{console.log（‘hello world"） }（）以上这篇js自调用匿名函数的三种写法（推荐）就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

AngularJS入门教程之REST和定制服务详解

2017年02月06日 37 阅读

在这一步中，我们会改进我们APP获取数据的方式。请重置工作目录：git checkout -f step-11对我们应用所做的最后一个改进就是定义一个代表RESTful客户端的定制服务。有了这个客户端我们可以用一种更简单的方式来发送XHR请求，而不用去关心更底层的$http服务（API、HTTP方法和URL）。步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。模板定制的服务被定义在app/js/services，所以我们需要...

js获取页面引用的css样式表中的属性值方法（推荐）

2017年02月06日 37 阅读

如下所示：function getStyle（node, property）｛if （node.style[property]）｛return node.style[property];｝ else if （node.currentStyle）｛return node.currentStyle[property];｝ else if （document.defaultView && document.defaultView.getComputedSty...

jquery easyUI中ajax异步校验用户名

2017年02月06日 36 阅读

以前无聊写过一个小东西，其中有一个功能就是添加用户，当时并没有考虑用户名重复的问题，今日闲来无事，打算利用ajax的异步刷新来校验用户名是否存在。自己也是新手，刚刚大三，哈哈写的不对的地方请指出。放上效果图：首先是编写前的准备我并不是用原生的js来写的ajax而是用的jqueryeasyUI框架中的ajax,所以在使用之前就必须要引入jquery的js文件。 <link rel="stylesheet" type="text/css" href="$...

JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法

2017年02月06日 37 阅读

本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下：Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误：意想不到的非法令牌如下图所示：复制代码代码如下:<input id="btn_0_4EAE4F474C91156086C0D4EA7E983C69C215B649" type...

jQuery如何封装输入框插件

2017年02月06日 36 阅读

【前言】在大型项目的开发中，插件化是一种趋势，将相似的多次使用的东西封装成公共的插件，以提高开发效率。其他开发人员在调用插件的时候，只需简单的一两行代码就可以实现非常复杂的内容或者效果。在这一节里面我就跟大家分享一下，我是如何封装一个输入框插件的。【呈现分析】（1）默认展示：边框为灰色，中间有输入提示信息（2）获取焦点：边框为蓝色，无输入内容时中间有输入提示信息，有输入内容的时候中间显示输入内容（3）失去焦点：输入正确边框变成浅绿色，并有个√；输入...

jQuery Validate插件实现表单验证

2017年02月06日 34 阅读

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。更重要的是他是由jQuery 团队、 jQuery UI 团队的主要开发人员Jörn Zaefferer 编写和维护的。具体我们可...

JavaScript使用键盘输入控制实现数字验证功能

2017年02月06日 37 阅读

现在有一个需求如下图：产品经理说Card Number只能让输入数字（中间的空格是格式自加的，也是用js实现的），有时候我脑海中出现了个声音，啥玩意，加个type=number不就行了，事实发现图样图森破了，先不说type=number后面会有个上下标（虽然用css可干掉），但是这个类型是支持科学输入法的，就是小数点和e这样的是可以输入的，于是乎只能用其他的方式了，后来想用检索到输入了非数字就干掉，但是这样还是能输入，想法被打回，于是乎最终采用了键盘输入控...

JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】

2017年02月06日 38 阅读

本文实例讲述了JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法。分享给大家供大家参考，具体如下：实现效果：图一：图二：此例中输入的中文字符串“万万保重”，有三个字是多音字，所以alert对话框中显示的是多种读音的组合；如何实现？如何实现通过拼音首字母快速查找页面内的中文内容呢？过程原理是这样的：例如要对一些人名进行快速查找，当页面加载完成后，对所有人名建立一个索引，生成拼音首字母与姓名的对应关系；然后监听键盘事件，当用户按下键盘时，根...

巧用jQuery选择器提高写表单效率的方法

2017年02月06日 33 阅读

相信很多小伙伴都会遇到需要做表单的需求，就像我现在做的医院项目，茫茫多的表单无穷无尽。一开始做表单使用最笨的方法：一个个span去定义ID，每个数据都用ajax获取后赋值显示，然后在表单提交前一个个用jQuery根据ID获取元素的value，组成一个model来提交给服务器。后来发现使用jQuery可以大大简化这个过程。于是我修改了工作方法，总结了我的一些提高写表单效率的方法。需求表单中存在最多的无非就是文本、文本框、单选框、多选框。而一些表单中会有几十...

javascript简单实现跟随滚动条漂浮的返回顶部按钮效果

2017年02月06日 39 阅读

本文实例讲述了javascript简单实现跟随滚动条漂浮的返回顶部按钮效果。分享给大家供大家参考，具体如下：比较优秀的一款超过一屏高度才显示的，跟随滚动条漂浮的返回顶部按钮特效代码。运行效果如下图所示：完整实例代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...

JS实现六位字符密码输入器功能

2017年02月06日 39 阅读

老规矩~ 上DEMO，过过瘾先：六位字符密码输入器再上源码：六位字符密码输入器从DEMO中我看可以看出，首先只能输入六个字符，并且仅允许输入数字，在输入六位数字完成之后会自动执行一个回调（DEMO中是将输入结果显示出来了）一. 先说原理首先呢，我们需要两个东东：其一是一个真是的输入框，即：真正处于焦点状态并获取用户输入的input；其二是一组伪输入框，即：并没有真正获取焦点，但只是显示了当前输入的值（当然啦，密码嘛，只有一个小黑点而已~）。其次呢，我们需要...

首页 / 脚本样式 / JavaScript

基于WebUploader的文件上传js插件

js仿腾讯QQ的web登陆界面

Angular设置title信息解决SEO方面存在问题

js判断checkbox是否选中个数的方法（超简单）

AngularJS入门教程之过滤器详解

浅谈jquery设置和获得checkbox选中的问题

jQuery增加、删除及修改select option的方法

AngularJS 入门教程之事件处理器详解

js自调用匿名函数的三种写法（推荐）

AngularJS入门教程之REST和定制服务详解

js获取页面引用的css样式表中的属性值方法（推荐）

jquery easyUI中ajax异步校验用户名

JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法

jQuery如何封装输入框插件

jQuery Validate插件实现表单验证

JavaScript使用键盘输入控制实现数字验证功能

JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】

巧用jQuery选择器提高写表单效率的方法

javascript简单实现跟随滚动条漂浮的返回顶部按钮效果

JS实现六位字符密码输入器功能