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

Javascript图片上传前的本地预览实例

2017年02月06日 13 阅读

图片的上传预览功能主要用于图片上传前的一个效果的预览，目前主流的方法主要有js，jquery与flash实现，但我们一般都会使用js来实现图片上传预览功能，下面来看一个例子。原理:分为两步：当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL（对象URL）；把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来。在这里，我们需要了解Javascript里File对象、Blob对象和window.URL.createO...

jquery模拟LCD 时钟的html文件源代码

2017年02月06日 14 阅读

以下是HTML文件源代码：复制代码代码如下: <！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> <title>j...

Js实现滚动变色的文字效果

2017年02月06日 13 阅读

Js实现滚动变色的文字效果，在效果展示页面，可看到文字在交替变色显示，以吸引人的注意，效果真心不错哦，把代码拷贝到你的网站后，修改成想要的文字就OK了。以下是源代码：复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>滚动变色的文字js特效</tit...

javascript动态判断html元素并执行不同的操作

2017年02月06日 13 阅读

在javascript中为了针对不同的元素执行不同的操作，需要在javascript中对触发事件的元素进行判断，然后执行不同的操作。例子： html 复制代码代码如下: <input type="button" name＝"updatemetal" value="修改" onclick="getmetalid（this）"> <input type="button" name＝"deletemetal" value="删除" oncl...

一个可以增加和删除行的table并可编辑表格中内容

2017年02月06日 16 阅读

页面文件复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="jquery-1.6.min.js"></script> <scrip...

select多选 multiple的使用示例

2017年02月06日 12 阅读

复制代码代码如下: <html> <head> <script type="text/javascript"> function showDiv（id）{ document.getElementById（"selectOption"）.style.display="block"; document.getElementById（"selectOption"）.style.position="absolute"; doc...

jQuery图片切换插件jquery.cycle.js使用示例

2017年02月06日 14 阅读

Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后。复制代码代码如下: <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascri...

javascript操纵OGNL标签示例代码

2017年02月06日 13 阅读

吧ONGL标签放到html标签中，来操作html的标签就可以了例子代码： html 复制代码代码如下: <div id="categoryid" style="display:none;"><s:property value="id"/></div> javascript 复制代码代码如下: <script type="text/javascript"> var categoryid = docume...

Javascript实现简单的富文本编辑器附演示

2017年02月06日 14 阅读

复制代码代码如下: <span style="font-size:14px;"><！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"> <h...

解决checkbox的attr（checked）一直为undefined问题

2017年02月06日 14 阅读

最近本屌丝应项目开发需求，需要做个一个全选的checkbox功能。哎呀吗~~这不是很简单的事情么，一个总的checkbox，N多个子checkbox，总的checkbox一旦选中，子checkbox全部选中，总的一旦不选中，子的也都不选中。拿到这个小需求，本屌丝一阵窃喜，多么简单的功能啊，OK，两分钟完事~~~ 时间一分一秒的过去，本屌丝内心奔腾的草原的马儿，从一直逐渐增加到了千万只~~~ 这尼玛怎么回事？ alert（$（"#checkbox_all...

jquery网页回到顶部效果（图标渐隐,自写）

2017年02月06日 12 阅读

唔，进来开发需求，当网页内容草鸡多的时候，用户就需要有个按钮快速回到顶部，而不是自己去滚滑轮~ 原本以为比较难的说，因为上头要求全部用js来实现，哪个页面引用，哪个页面显示。于是乎，本屌丝就尝试写了下，唔，没发现，还挺easy的说~~ 有屁我就快放了，直接上代码，屁放多了就成屎了~~唔，罪过，阿弥陀佛，阿门~~ 复制代码代码如下: <pre name="code" class="javascript">//回到顶部js $（function...

jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7

2017年02月06日 12 阅读

本屌丝最近工作要求重写网站所有代码，so...极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god！！这是多么能让千万只草原上的马儿奔腾的要求~~~ 先实现一个比较简单的功能：需求：网页遮罩层/弹出层，兼容IE6 幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。屁话不多放，无码无真相！复制代码代码如下: /******************************* * @na...

jquery实现在页面加载完毕后获取图片高度或宽度

2017年02月06日 13 阅读

日前，本技术屌丝又遇到了一个很有意思的问题，应项目要求，需要在页面加载完毕之后获取图片的高度，以此来调整图片上面的覆盖层相对于图片顶端的位置。但在jquery（function（）{ /*XXXXXX*/}）;里面写了之后发现不是很理想，因为当jquery准备就绪的时候，此时图片绝大部分情况下都没加载完毕，这可急坏了本屌丝~~~T~T 本屌丝就想啊，要是jquery有个跟js的onload（）的方法多好啊，擦~真是天上掉下个大狗屎，恰巧砸到本屌丝~~在网...

两种方法实现在HTML页面加载完毕后运行某个js

2017年02月06日 16 阅读

js方法：复制代码代码如下: <script type="text/javascript"> window.onload=function（）{ var userName="xiaoming"; alert（userName）; } </script> 以下为jQuery方法，需要引用jQuery文件。复制代码代码如下: <script type="text/javascript"> $（document）.r...

火狐下input焦点无法重复获取问题的解决方法

2017年02月06日 14 阅读

今天遇到了一个很棘手的问题，就是在做一些输入框的验证的时候，我这边项目的业务逻辑就是当我选中某个select的某个特定option的时候，需要显示出一个input输入框让用户输入东西，但是如果用户啥也不做，就必须弹出警告框让用户输入，等其输入后，我这边再将input隐藏掉。因此，便产生了如下问题，input输入框显示的时候，需要自动获取焦点，此时，我是用的复制代码代码如下: document.getElementById（"id"）.focus（）;...

纯js实现div内图片自适应大小（已测试，兼容火狐）

2017年02月06日 14 阅读

这代码实现的功能就是平常我们遇到的一个div里面包含img的时候，在img图片大小未知，div大小未知的情况下，让图片自适应大小，对于图片本身小于div容器大小时，不作处理。因为如果拉伸，图片可能就失真了。废话不多说，直接上代码，已测试，兼容火狐，谷歌，IE6，IE7/8 以下是js代码：复制代码代码如下: <script type="text/javascript" language="javascript"> window.onloa...

Jquery动态添加及删除页面节点元素示例代码

2017年02月06日 12 阅读

通常我们会遇到选中某个条件，然后添加，累计多个后，再进行执行。废话不多说，直接上代码！复制代码代码如下: <！doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery动态添加及删除页面节点</title> <script src="http://code.jquery.com/jquery-1.8.3....

input:checkbox多选框实现单选效果跟radio一样

2017年02月06日 14 阅读

最近遇到一个小小的问题，就是有时候我们使用单选radio的时候，会发现当我们选中一个之后，再也无法一个都不选了，即选中后没有取消的功能，此时便想到了功能强大的checkbox，但他是多选，怎么才能让他变成单选，效果跟radio一样呢，本菜鸟就自己写了个小程序，代码很简单，只有四行。废话不多说，直接代码：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...

多种方法实现360浏览器下禁止自动填写用户名密码

2017年02月06日 16 阅读

目前开发一个项目遇到一个很恶心的问题，本来在登陆界面输入用户名密码后登陆，选择记住密码后，在内容页里面的<input type="text" id="userName" />以及<input type="password" id="password" />会把登陆界面输入的用户名密码填写在内容页里。而内容页是想建立新的子账户，这问题真叫一个恶心巴拉~~~ 当然，在火狐，IE8以上版本等高档次浏览器下不会出现这种情况。问题出在360！...

javascript 获取HTML DOM父、子、临近节点

2017年02月06日 13 阅读

在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取：（1） document.getElementById（elementId）：该方法通过节点的ID，可以准确获得需要的元素，是比较...

首页 / 脚本样式 / JavaScript

Javascript图片上传前的本地预览实例

jquery模拟LCD 时钟的html文件源代码

Js实现滚动变色的文字效果

javascript动态判断html元素并执行不同的操作

一个可以增加和删除行的table并可编辑表格中内容

select多选 multiple的使用示例

jQuery图片切换插件jquery.cycle.js使用示例

javascript操纵OGNL标签示例代码

Javascript实现简单的富文本编辑器附演示

解决checkbox的attr（checked）一直为undefined问题

jquery网页回到顶部效果（图标渐隐,自写）

jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7

jquery实现在页面加载完毕后获取图片高度或宽度

两种方法实现在HTML页面加载完毕后运行某个js

火狐下input焦点无法重复获取问题的解决方法

纯js实现div内图片自适应大小（已测试，兼容火狐）

Jquery动态添加及删除页面节点元素示例代码

input:checkbox多选框实现单选效果跟radio一样

多种方法实现360浏览器下禁止自动填写用户名密码

javascript 获取HTML DOM父、子、临近节点