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

jQuery实现随意改变div任意属性的名称和值（部分原生js实现）

2017年02月06日 20 阅读

一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下：复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参，改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0...

jQuery JSON实现无刷新三级联动实例探讨

2017年02月06日 15 阅读

复制代码代码如下: <asp:DropDownList ID="ddl1" runat="server" Width="100px" ></asp:DropDownList> <asp:DropDownList ID="ddl2" runat="server" Width="100px" ></asp:DropDownList> <asp:DropDownList ID="ddl3" runat="s...

js判断背景图片是否加载成功使用img的width实现

2017年02月06日 16 阅读

非背景图片可以用img的onerror 来判断,但是背景图片呢,刚无意中发现一个方法,目测可行,但不确定是否始终可行。复制代码代码如下: var img=new Image（）; img.src="图片地址"; if（img.width==0）{//表示图片加载失败了} else{//成功了} 这方法一般情况下可行,但是为测试过图片很大或者加载速度很慢的时候是否可行。...

js动态为代码着色显示行号

2017年02月06日 16 阅读

本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.Javascript代码着色实例效果：http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm以下是代码:复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...

js控制web打印（局部打印）方法整理

2017年02月06日 18 阅读

首先定义css样式：复制代码代码如下: @media print { .noprint { display: none;color:green } } 对于不想打印的内容只用在标签中加上 class=noprint即可，打印的时候客户也不会看到页面任何变化。打印时调用 window.print（）; 另外几种js局部打印的方法：移花接木：打印的时候，把需要打印的内容替换成整个body内容（用户会在打印的时候看到变化，客户体验不太好）复制代码 ...

js控制的遮罩层实例介绍

2017年02月06日 16 阅读

闲来无事，把项目里很土的弹窗，改成了遮罩层显示，感觉效果好点了。上代码：父页面：复制代码代码如下: <div id="newDiv1" style="display: none;"> <%@include file="/WEB-INF/jsp/infobackup/martyr/printCertDia.jsp" %> <%--<jsp:include page="/WEB-INF/jsp/infobackup/m...

javascript-简单的计算器实现步骤分解（附图）

2017年02月06日 18 阅读

知识点： 1、数学运算“+，-，*，/”的使用 2、输入内容的判断，对于事件对象的来源的判断效果：代码：复制代码代码如下: <style> #calculate { line-height: 60px; text-align: center; background: #ccc; font-size: 16px; font-weight: bold; } #calculate tbody input{ width: 100%; h...

javascript-简单的日历实现及Date对象语法介绍（附图）

2017年02月06日 16 阅读

知识点：主要是对Date对象的使用。（下面的介绍内容来自网络）创建 Date 对象的语法： var myDate=new Date（） Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下５种： new Date（"month dd,yyyy hh:mm:ss"）; new Date（"month dd,yyyy"）; new Date（yyyy,mth,dd,hh,mm,ss）; new Date（yyyy,mth,dd）; new...

javascript-表格排序（降序/反序）实现介绍（附图）

2017年02月06日 18 阅读

知识点： Array方法： sort:降序 reverse:反序效果：代码：复制代码代码如下: <style> *{ margin: 0; padding: 0; } #tableSort{ line-height: 22px; background: #ccc; } #tableSort thead, #tableSort tfoot{ background: #066; color: #fff; font-size: 14px; }...

js怎么终止程序return不行换jfslk

2017年02月06日 19 阅读

alert（3）就这么段程序，没有写在function中，想啊想，怎么终止js呢 alert（3） return; alert（3）这么写，失败，return只能终止函数网上也找不到解决办法，问朋友吧，一个说不能，一个告诉我试试die alert（3） die; alert（3）哇塞，我佩服啊，居然成功了 alert（typeof die）怎么回事：undefined，未定义,控制台还报错了 alert（3） jfslk; alert（3）啊，...

window.event.keyCode兼容IE和Firefox实现js代码

2017年02月06日 19 阅读

HTML代码复制代码代码如下: <input type="text" onkeydown="keyNumAll（event）;" > Javascript 代码复制代码代码如下: function keyNumAll（evt）{ //兼容IE和Firefox获得keyBoardEvent对象 evt = （evt）？ evt : （（window.event）？ window.event : ""）; var key = evt....

chrome浏览器不支持onmouseleave事件的解决技巧

2017年02月06日 18 阅读

之前一直没测试chrome ，今天事情不太多，就测试了一下，发现给div加的 onmouseleave事件在chrome 中不起效果；后来发现解决办法用jquery的方式实现例如复制代码代码如下: <div id=‘aaa" class="divfloat" " onmouseleave="$（this）.slideUp（）;" style="background-color: White; width:553px; position: ab...

js 输出内容到新窗口具体实现代码

2017年02月06日 19 阅读

找了好久，都没有~！！！在w3c上面找到的，留下来以后备用~！复制代码代码如下: <html> <body> <script type="text/javascript"> myWindow=window.open（"","","width=200,height=100"） myWindow.document.write（"This is "myWindow""） myWindow.focus（） myWindow...

Javacript实现颜色梯度变化和渐变的效果代码

2017年02月06日 16 阅读

对于本站的导航栏，想做点什么。所以，选择了用js对导航栏的颜色做了梯度的变化处理。起初，觉得用opacity属性（透明度）来改变颜色的梯度变化。不过，这样会出现一个问题。每一个导航标签用的是[li]，当鼠标浮动到标签上时，通过onmouseover（）立即改变[li]的className，并用setInterval（）来使其opacity（透明度）由0变到1.不过，当鼠标离开时，对于[li]标签的颜色恢复的处理貌似麻烦了许多。所以，很快就放弃了这个做法...

js判断鼠标同时离开两个div的思路及代码

2017年02月06日 19 阅读

纠结了两天，憋出了个蛋，欢迎拍砖！！！复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...

js内存泄露的几种情况详细探讨

2017年02月06日 19 阅读

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露。复制代...

jQuery实现单行文字间歇向上滚动源代码

2017年02月06日 19 阅读

使用jQuery实现单行文字间歇向上滚动效果网址:http://www.keleyi.com/keleyi/phtml/textscroll.htm 本效果加强版：http://www.keleyi.com/a/bjac/532bedbffca1affa.htm 主要增加了光标悬停效果以下是源代码：复制代码代码如下: <script type="text/javascript" src="http://www.keleyi.com/keley...

JS操作select下拉框动态变动（创建/删除/获取）

2017年02月06日 17 阅读

1.动态创建select 复制代码代码如下: function createSelect（）{ var mySelect = document.createElement_x（"select"）; mySelect.id = "mySelect"; document.body.appendChild（mySelect）; } 2.添加选项option 复制代码代码如下: function addOption（）{ //根据id查找对象， var ob...

jQuery图片滚动图片的效果（另类实现）

2017年02月06日 17 阅读

需求：图片切换的时候下一屏不允许出现空白的项，换句话说就是： 1、当移动的最后一屏移动的个数小于要展示的个数的时候，只移动（展示个数-最后一屏的个数的）差值。举个例子：每一屏都要展示7个，但总个数才10个，滚动到下一屏时候用户看到的还是7个，这个时候需要移动的是三个这个效果是基于jQuery写的，只是想纪念下自己的学习话不多说了，贴代码复制代码代码如下:（function（ $ ）{ var slider = function（ elem...

捕获浏览器关闭、刷新事件不同情况下的处理方法

2017年02月06日 20 阅读

在做一些关于会员在线的问题时，往往我们要根据览器是否关闭来判断用户是否下线，然后再从session和application中将此用户移除。由于浏览器是无状态的，在这时候捕捉浏览器关闭会出现两种情况： 1.真正的关闭浏览器（a.点击关闭按钮 b.右击任务栏关闭 c.按alt+F4关闭） 2.刷新浏览器。那如何判断区分这两种动作呢？一. Javascript代码处理方法：复制代码代码如下: function window.onbeforeunloa...

首页 / 脚本样式 / JavaScript

jQuery实现随意改变div任意属性的名称和值（部分原生js实现）

jQuery JSON实现无刷新三级联动实例探讨

js判断背景图片是否加载成功使用img的width实现

js动态为代码着色显示行号

js控制web打印（局部打印）方法整理

js控制的遮罩层实例介绍

javascript-简单的计算器实现步骤分解（附图）

javascript-简单的日历实现及Date对象语法介绍（附图）

javascript-表格排序（降序/反序）实现介绍（附图）

js怎么终止程序return不行换jfslk

window.event.keyCode兼容IE和Firefox实现js代码

chrome浏览器不支持onmouseleave事件的解决技巧

js 输出内容到新窗口具体实现代码

Javacript实现颜色梯度变化和渐变的效果代码

js判断鼠标同时离开两个div的思路及代码

js内存泄露的几种情况详细探讨

jQuery实现单行文字间歇向上滚动源代码

JS操作select下拉框动态变动（创建/删除/获取）

jQuery图片滚动图片的效果（另类实现）

捕获浏览器关闭、刷新事件不同情况下的处理方法