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

从数组中随机取x条不重复数据的JS代码

2017年02月06日 18 阅读

工作中经常遇到有关数组的一些操作 1. 从数据中随机取x条不重复的数据（PS：下面的S.each是KISSY.each方法，大家可以改为for循环）复制代码代码如下:/*从数组arr中随机取x条不重复的数据*/function myRand（arr,num）{ var newArr = []; rand（num）; //随机 x 个 function rand（k）{ if（k==0）{ return; } var index = Math.floor...

jquery自动切换tabs选项卡的具体实现

2017年02月06日 17 阅读

本节内容：jquery实现自动切换选项卡。代码：复制代码代码如下:<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><%String path = request.getContextPath（）; %><！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transi...

jQuery动态改变图片显示大小（修改版）的实现思路及代码

2017年02月06日 19 阅读

当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。原始代码:复制代码代码如下:$（document）.ready（function（） { $（".post img"）.each（function（） { var maxWidth...

JQuery结合CSS操作打印样式的方法

2017年02月06日 17 阅读

本节内容：JQuery、CSS操作打印样式。一、添加打印样式1，为屏幕显示和打印分别准备一个css文件，如下所示：用于屏幕显示的css：复制代码代码如下:<link rel="stylesheet" href="css/mainstylesheet.css" media="screen" />用于打印的css：复制代码代码如下:<link rel="stylesheet" href="css/printstylesheet.css"...

document节点对象的获取方式示例介绍

2017年02月06日 19 阅读

复制代码代码如下: <html> <head> <title></title> <script> /* document节点对象的获取方式： */ //第一种，通过id获取 function documentDemo（）{ var tableNode = document.getElementById（"tab_id"）; tableNode.style.border = "5px solid ...

js中function（）使用方法

2017年02月06日 18 阅读

javascript 函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：以下是引用片段： function func1（…）{…} var func2=function（…）{…}; var func3=function func4（…）{…}; var func5=new Function（）; 复制代码代码如下: &l...

表格奇偶行设置不同颜色的核心JS代码

2017年02月06日 17 阅读

这是一个比较实用的功能，设置奇偶行颜色不同后阅读表格数据的体验明显变好，否则数据会显得非常繁杂拥挤（当表格数据行多时体验尤为明显）。只有当你自己真正做这方面的东西接触到时才有强烈的体会，反正我是刚刚经历了，留在这里备参考吧~ 核心JS脚本代码如下（table元素的id根据自己的情况调整，代码中的jquery-1.7.min.js可以到jquery的官网上下载）复制代码代码如下: <script src="jquery-1.7.min.js">...

js 异步操作回调函数如何控制执行顺序

2017年02月06日 21 阅读

需求： fun A（） { asyn（parm1, parm2, onsuccess（）{ }） ;} fun B（） {asyn（paem1, parm2, onsuccess（）{}） ;} 函数B要求执行在函数A之后异步执行如果直接使用 A（）; B（）; 是不能够满足执行条件的。考虑将B作为回调函数传递给A，然后A再执行的onsucess中执行B函数 A（B）; 即可实现功能需求。 js是单线程的. 1、调用函数时，如果参数多于定义时的个数，...

Jquery 动态生成表格示例代码

2017年02月06日 19 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title...

setTimeout（）与setInterval（）方法区别介绍

2017年02月06日 20 阅读

计时器setTimeout（）和setInterval（）两个都是js的计时功能的函数两个有些区别。 setTimeout（）: 在js手册中的解释：用于在指定的毫秒数后调用函数或计算表达式；也就是说在执行完设定好的秒数后再执行。实验代码（改变body背景颜色）：复制代码代码如下: setTimeout（function（）{ $（"body"）.css（"background","red"）; },5000）; setInterval（）: 在...

append和appendTo的区别以及appendChild用法

2017年02月06日 17 阅读

append（）前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo（）前面是要插入的元素内容且为Jquery对象，而后面是要选择的对象实例： $（"#a"）.append（"content"）; $（"<div>content</div>"）.appendTo（$（"#a"））; 注意appendTo前面一定要是Jquery对象。 appendChild（Node）这个方法一般是在指定元素节点的最后一个子节点之...

在jquery中combobox多选的不兼容问题总结

2017年02月06日 17 阅读

最近在IE10中开发jquery，关于jquery中combobox多选不能兼容的问题，进行一些总结。当给combobox设置属性“multiple:true”时，IE10无法完成多选，其报错如下：复制代码代码如下: function _7e8（_7e9,_7ea）{ var _7eb=$.data（_7e9,"combobox"）; var opts=_7eb.options; var _7ec=$（_7e9）.combo（"getValues"）...

简体中文转换繁体中文（实现代码）

2017年02月06日 17 阅读

复制代码代码如下:var Default_isFT = 0 //默认是否繁体，0-简体，1-繁体 var StranIt_Delay = 50 //翻译延时毫秒（设这个的目的是让网页先流畅的显现出来） //－－－－－－－代码开始，以下别改－－－－－－－ //转换文本 function StranText（txt,toFT,chgTxt） { if（txt==""||txt==null）return "" toFT=toFT==null？BodyIsF...

JS中如何设置readOnly的值

2017年02月06日 19 阅读

在网页中我们有时候需要控制文本输入框的“输入状态”，一些关键属性是不能修改的，这个时候需要将文本输入框的readonly属性设置为False，在网页中我们可以使用<input name="txt_name" type="text" readonly="readonly" id="txt_Status" name="txt_name" style="width:150px;" />但是在JS中我们则不能食用txt_name.readonly="r...

Javascript设置对象的ReadOnly属性（示例代码）

2017年02月06日 19 阅读

在JS中ReadOnly属性比较奇怪，直接创建一个对象，给该对象赋值readonly属性不能够向HTML中一样使用下面的方式：复制代码代码如下:var x=document.createElement（"input"）;x.type="text";x.value="ttttt";x.id="xy";x.readonly="readonly";这样创建的对象并不是只读的。正确的写法是:复制代码代码如下:var x=document.createElem...

Javascript:为input设置readOnly属性（示例讲解）

2017年02月06日 19 阅读

1、js为<input>设置readOnly属性 <textarea name="content" id="content" cols="27" rows="6"></textarea> var cObj = document.getElementById（"content"）; cObj.setAttribute（"readOnly","true"）;2、js移除<input>readOnly属性 var ...

浅析js设置控件的readonly与enabled属性问题

2017年02月06日 20 阅读

如何用js设置控件的readonly和enabled属性？我试过这样设置不行,text1为<input type=text id=text1> text1.readonly=true; 和 text1.enabled=true; 都不行,为什么？？？答案：disabled=flase; //小写readOnly=true; //大写...

jquery创建表格（自动增加表格）代码分享

2017年02月06日 17 阅读

复制代码代码如下:<！DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width" /><title>jQuery 表格自动增加</title><meta name="keywords...

制作jquery遮罩层效果导航菜单代码分享

2017年02月06日 18 阅读

jquery导航是一个网站必不可少的模块，当一个用户在一个网站上浏览的时候，为了某个目的而查看网站导航栏的时候，突出导航栏的效果是重中之重。因此必须要使用一个效果：jquery遮罩层。利用明暗效果来突出当前用户的操作。复制代码代码如下:$（function（） {var $oe_menu= $（"#oe_menu"）;var $oe_menu_items= $oe_menu.children（"li"）;var $oe_overlay= $（"#oe_o...

JS动态添加与删除select中的Option对象（示例代码）

2017年02月06日 18 阅读

如下所示：复制代码代码如下://动态删除select中的所有options： function delAllOptions（）{ document.getElementById（"user_dm"）.options.length=0; } //动态删除select中的某一项option： function delOneOption（index）{ document.getElementById（"user_dm"）.options.remove（in...

首页 / 脚本样式 / JavaScript

从数组中随机取x条不重复数据的JS代码

jquery自动切换tabs选项卡的具体实现

jQuery动态改变图片显示大小（修改版）的实现思路及代码

JQuery结合CSS操作打印样式的方法

document节点对象的获取方式示例介绍

js中function（）使用方法

表格奇偶行设置不同颜色的核心JS代码

js 异步操作回调函数如何控制执行顺序

Jquery 动态生成表格示例代码

setTimeout（）与setInterval（）方法区别介绍

append和appendTo的区别以及appendChild用法

在jquery中combobox多选的不兼容问题总结

简体中文转换繁体中文（实现代码）

JS中如何设置readOnly的值

Javascript设置对象的ReadOnly属性（示例代码）

Javascript:为input设置readOnly属性（示例讲解）

浅析js设置控件的readonly与enabled属性问题

jquery创建表格（自动增加表格）代码分享

制作jquery遮罩层效果导航菜单代码分享

JS动态添加与删除select中的Option对象（示例代码）