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

JS设置下拉列表框当前所选值的方法

2017年02月06日 11 阅读

本文实例讲述了JS设置下拉列表框当前所选值的方法。分享给大家供大家参考，具体如下：1. JS代码：function setSelectOption（objId, targetValue）{//objid：下拉列表框的ID；targetValue：当前所选值 var obj = document.getElementById（objId）; if（obj）{var options = obj.options;if（options）{ var len = op...

jquery获取select选中值的方法分析

2017年02月06日 13 阅读

本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考，具体如下：误区：以前一直以为jquery获取select中option被选中的文本值，是这样写的：复制代码代码如下:$（"#s"）.text（）; //获取所有option的文本值实际上应该这样：复制代码代码如下:$（"#s option:selected"）.text（）; //获取选中的option的文本值获取select中option的被选中的value值：$（"#s"...

javascript中类的定义方式详解（四种方式）

2017年02月06日 11 阅读

本文实例讲述了javascript中类的定义方式。分享给大家供大家参考，具体如下：类的定义包括四种方式：1、工厂方式function createCar（name,color,price）{var tempcar=new Object;tempcar.name=name;tempcar.color=color;tempcar.price=price;tempcar.getName=function（）{ document.write（this.name+"...

JavaScript判断对象是否为数组

2017年02月06日 13 阅读

文中为大家分享了三种JavaScript判断对象是否为数组的方法，1. typeof首先我们会想到的是使用typeof来检测数据类型，但是对于Function, String, Number, Undefined等这几种基本类型来说，使用typeof来检测都可以检测到，比如代码如下：function test（）{}console.log（typeof 1）; // numberconsole.log（typeof test）; // function c...

js实现C#的StringBuilder效果完整实例

2017年02月06日 11 阅读

本文实例讲述了js实现C#的StringBuilder效果。分享给大家供大家参考，具体如下：/*##################### DO NOT MODIFY THIS HEADER ###################### Title: StringBuilder Class## Description: Simulates the C# StringBuilder Class in Javascript. ## Author: Adam S...

JS控制按钮10秒钟后可用的方法

2017年02月06日 11 阅读

本文实例讲述了JS控制按钮10秒钟后可用的方法。分享给大家供大家参考，具体如下：<script language="javascript">function start（）{document.getElementById（"Button1"）.disabled = true;document.getElementById（"Button1"）.value = 10;window.setTimeout（"tick（）",1000）;}functi...

JS实现的表格操作类详解（添加，删除，排序，上移，下移）

2017年02月06日 11 阅读

本文实例讲述了JS实现的表格操作类。分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示。具体代码如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css">*{font-size:14px}button{margin:3px}<...

JavaScript+CSS无限极分类效果完整实现方法

2017年02月06日 11 阅读

本文实例讲述了JavaScript+CSS无限极分类效果完整实现方法。分享给大家供大家参考，具体如下：CSS样式：a {text-decoration:none;}a,a:visited {color:#000;background:inherit;}body {margin:0;padding:20px;font:12px tahoma,宋体,sans-serif;}dt {font-size:22px;font-weight:bold;margin:0...

IE6-IE9使用JSON、table.innerHTML所引发的问题

2017年02月06日 11 阅读

一、在IE兼容模式中以及各具有IE内核的浏览器兼容模式中使用 jQuery 中的JSON函数时出现“JSON未定义” 而切换到浏览器高速模式则正常显示解决方案： 1.直接在使用的页面中引入json2.js （https://github.com/douglascrockford/JSON-js/blob/master/json2.js）引入方法不再赘述。2.在页面的公共js方法里判断 if（typeof JSON == "undefined"）{ ...

对象题目的一个坑理解Javascript对象

2017年02月06日 11 阅读

这一篇的例子，主要是来引起对Javascript对象的理解及注意的。其实是一种面试时的一个坑，实际项目中也是很少用得到，但是为了提高警惕性，我们来看这个例子：代码名称var first = {};var second = {k:"second"};var third = {k:"third"};first[second] = 100;first[third] = 200;console.log（first[second]）//这里会输出什么内容呢?...

Bootstrap轮播加上css3动画，炫酷到底！

2017年02月06日 11 阅读

很多时候，如果你的项目需要的是一个轻量级的轮播，不需要很多的功能。同时你的项目是采用Bootstrap，（一个最流行的开源前端框架）的话。你可以参考一下bootstrap官方组件。介绍Animate.css为了让我自己写的动画效果值得称赞，我用一个非常有名的开源的CSS3动画库，被形象的称为animate.css。 Dan Eden写的。这是让我能专注于手头的任务，而不是解释CSS3动画的代码。用Animate.css 需要2个步骤：在html文档中引入a...

js仿微博实现统计字符和本地存储功能

2017年02月06日 11 阅读

随着移动设备和Web应用的普及，为了更好的便于用户的使用，对于网页或应用程序的用户体验要求就越来越高，确实是这样，作为用户更喜欢选择用户体验效果好的网站或应用程序，所以作为开发者的我们就需要开发出更人生化的应用程序了。相信许多人有使用微博的经验，像微博这样的社交平台，好的用户体验就变得尤其重要了。例如：我们在发微博时，文本框会实时地提示我们剩余字符数，这样人性化的提示方便了用户知道微博字数的限制，同时也限制了用户的输入字数。有一句话我们要牢记在心的是：凡是...

javascript动态添加checkbox复选框的方法

2017年02月06日 12 阅读

本文实例为大家介绍了javascript如何动态添加checkbox复选框:在实际应用中可能需要动态的添加复选框，下面就简单介绍一下如何实现此效果。单纯的创建一个复选框是很容易的，代码如下:var oCheckbox=document.createElement（"input"）;oCheckbox.setAttribute（"type","checkbox"）;oCheckbox.setAttribute（"id","mayi"）;但是这仅仅是是创建了一...

javascript新闻跑马灯实例代码

2017年02月06日 11 阅读

本文实例为大家分享了javascript实现的跑马灯效果代码，实现了新闻公告之类的功能，下面提供了一段跑马灯实例供大家参考之用，希望能够对需要的朋友有所帮助。运行效果图：代码实例如下：<！DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>javascript新闻跑马灯效果</title></head><...

js判断文本框输入的内容是否为数字

2017年02月06日 12 阅读

如何验证文本框中的内容是否为数字，本文提供了三种方法，希望对大家的学习有所启发。在某些情况下可能需要让文本框中的内容只能够输入数字，例如手机号码或者邮编之类的，下面简单介绍一下如何实现此功能。下面是验证数字的正则表达式:"^\d+$" //非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$" //正整数 "^（（-\d+）|（0+））$" //非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9...

使用Function.apply（）的参数数组化来提高 JavaScript程序性能的技巧

2017年02月06日 11 阅读

我们再来聊聊Function.apply（）在提升程序性能方面的技巧。我们先从 Math.max（）函数说起， Math.max后面可以接任意个参数，最后返回所有参数中的最大值。比如alert（Math.max（5,8））//8 alert（Math.max（5,7,9,3,1,6））//9 但是在很多情况下，我们需要找出数组中最大的元素。var arr=[5,7,9,1] alert（Math.max（arr））//这样却是不行的。一定要这样写 fu...

js实现图片无缝滚动

2017年02月06日 11 阅读

js无缝滚动效果几乎在任何网页上都能看到它的身影，有的可能是使用插件，其实使用原始的javascript比较简单。主要的是使用js位置知识。1.innerHTML:设置或获取元素的html标签2.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距3.offsetWidth:设置或获取指定标签的宽度4.setInterval（）:设置方法定时启动5.clearInterval（）;清除定时器效果图：<！DOCTYPE h...

FullCalendar日历插件应用之数据展现（一）

2017年02月06日 12 阅读

开发者可以使用FullCalendar创建强大的日历日程应用，FullCalendar提供了丰富的选项设置和方法调用，使得开发者可以轻松的创建各种功能的日历程序。由于项目需求，需要通过日历的方式展现某些数据，在网上搜索了很多日历的插件，觉得比较好用的还是fullCalendar，下面是我写的一个简单Demo，如有不足，请多多指正！！！一、引入必要的文件： <link href="Scripts/Plugins/fullcalendar.css" re...

详解JavaScript时间格式化

2017年02月06日 14 阅读

感谢某前辈写的JS格式化日期和时间JS代码，很好很强大！！！前言： js虽然提供了各种获取时间Date对象的不同属性方法，如：getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 ... ... 等等，但是却没有像java那样提供一个方法来供用户来根据自身提供的模板（pattern），来格式化指定时间对象，所以自己就封装了一个小方法，只供大家闲来调侃-.-，有好的建议还望慷慨指荐哦。用到知识点：...

AngularJS 日期格式化详解

2017年02月06日 12 阅读

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。AngularJS的日期格式化有两种形式，一种是在HTML页面，一种是在JS代码里，都是用到AngularJS的过滤器$filter。 HTML: date_expression 即你在$scope中设的date类型变量（注意，一定是da...

首页 / 脚本样式 / JavaScript

JS设置下拉列表框当前所选值的方法

jquery获取select选中值的方法分析

javascript中类的定义方式详解（四种方式）

JavaScript判断对象是否为数组

js实现C#的StringBuilder效果完整实例

JS控制按钮10秒钟后可用的方法

JS实现的表格操作类详解（添加，删除，排序，上移，下移）

JavaScript+CSS无限极分类效果完整实现方法

IE6-IE9使用JSON、table.innerHTML所引发的问题

对象题目的一个坑 理解Javascript对象

Bootstrap轮播加上css3动画，炫酷到底！

js仿微博实现统计字符和本地存储功能

javascript动态添加checkbox复选框的方法

javascript新闻跑马灯实例代码

js判断文本框输入的内容是否为数字

使用Function.apply（）的参数数组化来提高 JavaScript程序性能的技巧

js实现图片无缝滚动

FullCalendar日历插件应用之数据展现（一）

详解JavaScript时间格式化

AngularJS 日期格式化详解

对象题目的一个坑理解Javascript对象