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

jQuery中$.click（）无效问题分析

2016年07月27日 17 阅读

今天做表格前台导出到xls时，想自动触发a的点击。但失败。最后找到这个文件。我尝试过多次用jQuery模拟用户点击a标签的功能，但都没有成功，并且困扰了很久。前段时间的一次发呆，冒出了新的想法，于是就动手进行了测试。先看下边的代码：复制代码代码如下:<html><head>磨途歌-A标签测试1<head><body> <a href="http://blog.mo2g.com">磨途歌<a...

jquery实现拖拽调整Div大小

2016年07月27日 262 阅读

今天写了一天这个jquery插件：可以实现对div进行拖拽来调整大小的功能。复制代码代码如下:（function （$） { $.fn.dragDivResize = function （） { var deltaX, deltaY, _startX, _startY; var resizeW, resizeH; var size = 20; var minSize = 10; var scroll = getScrollOffsets（）; var _...

jQuery实现带滚动线条导航效果的方法

2016年07月27日 12 阅读

本文实例讲述了jQuery实现带滚动线条导航效果的方法。分享给大家供大家参考。具体分析如下：最早见到这种导航是在魅族的官网，当时（去年）觉得挺不错的但自己不会JavaScript，因此那时“可望而不可及”。今日去手机QQ for Android官网，又发现类似这样的导航，反正自己也没啥事，所以就尝试用jQuery做出这样的效果。效果如下：首页说说日志相册 CSS：body,ul,li{margin:0;padding:0;}#testnav{;height...

项目中常用的JS方法整理

2016年07月27日 18 阅读

验证是否为图片格式复制代码代码如下:function IsImgType（src） { var rFilter = /^（?:image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x...

js判断手机和pc端选择不同执行事件的方法

2016年07月27日 23 阅读

本文实例讲述了js判断手机和pc端选择不同执行事件的方法。分享给大家供大家参考。具体如下：判断是否为手机：function isMobile（）{ var sUserAgent= navigator.userAgent.toLowerCase（）, bIsIpad= sUserAgent.match（/ipad/i） == "ipad", bIsIphoneOs= sUserAgent.match（/iphone os/i） == "iphone os",...

使用JavaScript+canvas实现图片裁剪

2016年07月27日 10 阅读

canvas是一个可以让我们使用脚本绘图的标签，它提供了一系列完整的属性和方法。我们可以借此来实现图形绘制，图像处理甚至实现简单的动画和游戏制作。canvas标签只有两个属性：width和height，用来设定画布的宽和高，如果没有通过标签属性或者脚本来设置，默认为300*150;好了，canvas的介绍就先到这里，下面我们来看看javascript结合canvas实现图片的裁剪代码：复制代码代码如下:var selectObj = null;funct...

javascript结合fileReader 实现上传图片

2016年07月27日 128 阅读

关于File API这里就不详细解释了，小伙伴们自行度娘吧，来我们就要利用文件句柄来读取文件内容，这是通过FileReader来实现的，通过FileReader接口，我们可以异步地将文件内容加载到内存中，赋予某个js变量。复制代码代码如下:function getImgSrc（target, callback） { if （window.FileReader） { var oPreviewImg = null, oFReader = new window...

JavaScript中的值是按值传递还是按引用传递问题探讨

2016年07月27日 35 阅读

最近遇到个有趣的问题：“JS中的值是按值传递，还是按引用传递呢？”在分析这个问题之前，我们需了解什么是按值传递（call by value），什么是按引用传递（call by reference）。在计算机科学里，这个部分叫求值策略（Evaluation Strategy）。它决定变量之间、函数调用时实参和形参之间值是如何传递的。按值传递 VS. 按引用传递按值传递（call by value）是最常用的求值策略：函数的形参是被调用时所传实参的副本。修改形...

javascript中sort（）的用法实例分析

2016年07月27日 9 阅读

本文实例分析了javascript中sort（）的用法。分享给大家供大家参考。具体分析如下：函数的语法：arrayObject.sort（sortby）you think this is not the right way but you love it这里还用到了split函数，目的是去到一个字符串的数组，比较常用。然后通过数组的排序函数sort（）对数组内的值进行排序，得到新的数组，然后通过循环输出数组的内容就得到了排序后的字符串。在例子中，默认情况下...

jquery中animate的stop（）方法作用实例分析

2016年07月27日 20 阅读

本文实例分析了jquery中animate的stop（）方法作用。分享给大家供大家参考。具体分析如下：这里以一个视频中的代码段告诉你stop（）的作用：代码如下：<style type="text/css"> ul li{ width:50px; height:30px; background:#333; margin-bottom:10px; color:#fff;} </style> <ul id="flyul"> ...

jQuery弹出框代码封装DialogHelper

2016年07月27日 21 阅读

看了jQueryUI Dialog的例子，效果还不错，就是用起来有点儿别扭，写出的代码有点拧巴，需要再封装一下！于是就有了下面这个简单的DialogHelper辅助类，因为这篇文章分享的重点是思路，所以目前版本的代码也还非常粗糙。思路对了，后续再封装成什么样都不过是形式而已，希望这个思路能给大家点启迪，同时欢迎大家开拓思维，提出更好的改进意见。复制代码代码如下://require ScrollHelper.jsfunction DialogHelper（...

js实现屏幕自适应局部代码分享

2016年07月27日 13 阅读

有小伙伴留言说需要一个js实现屏幕自适应局部的代码，这里简单整理了下，放出来给大家。复制代码代码如下:<！doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>*{margin:0;padding:0;list-style:none;}div{margin:0 auto;heig...

使用mouse事件实现简单的鼠标经过特效

2016年07月27日 17 阅读

代码超级简单，这里就不多BB了，直接奉上复制代码代码如下:<！doctype html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul,li{margin:0; padding:0; list-style:non...

js控制输入框获得和失去焦点时状态显示的方法

2016年07月27日 87 阅读

本文实例讲述了js控制输入框获得和失去焦点时状态显示的方法。分享给大家供大家参考。具体实现方法如下：<！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"> &l...

js实现鼠标悬浮给图片加边框的方法

2016年07月27日 15 阅读

本文实例讲述了js实现鼠标悬浮给图片加边框的方法。分享给大家供大家参考。具体实现方法如下：html代码：<div class="T-s-l fl"><a href="" class="a1"> <img src="images/11.jpg" width="234" height="368" /></a><a href="" class="a2"> <img src="images/11.j...

JS是按值传递还是按引用传递

2016年07月27日 14 阅读

按值传递 VS. 按引用传递按值传递（call by value）是最常用的求值策略：函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。按引用传递（call by reference）时，函数的形参接收实参的隐式引用，而不再是副本。这意味着函数形参的值如果被修改，实参也会被修改。同时两者指向相同的值。按引用传递会使函数调用的追踪更加困难，有时也会引起一些微妙的BUG。按值传递由于每次都需要克隆副本，对一些复杂类型，性能较低。两种传值方式都有各...

javascript事件模型实例分析

2016年07月27日 9 阅读

本文实例讲述了javascript事件模型的用法。分享给大家供大家参考。具体分析如下：一、事件模型冒泡型事件（Bubbling）：事件由叶子节点沿祖先节点一直向上传递到根节点捕获型事件（Capturing）：由DOM树最顶元素一直到最精确的元素，与冒泡型事件相反DOM标准事件模型：DOM标准既支持冒泡型事件，也支持捕获型事件，可以说是两者的结合体，首先是捕获型，接着冒泡传递二、事件对象在IE浏览器中事件对象是window的一个属性，在DOM标准中，even...

javascript中cookie对象用法实例分析

2016年07月27日 31 阅读

本文实例讲述了javascript中cookie对象用法。分享给大家供大家参考。具体如下：属性name 唯一必须设置的属性，表示cookie的名称expires 指定cookie的存活周期，如不设置，浏览器关闭自动失效path 决定cookie对于服务器对于其他网页的可用性，一般情况下， cookie对同一目录下的所有页面都可用，当设置path属性后，cookie只对指定路径及子路径下的所有网页有效domain 许多服务器由多台服务器组成，domain属性...

javascript中键盘事件用法实例分析

2016年07月27日 10 阅读

本文实例分析了javascript中键盘事件用法。分享给大家供大家参考。具体如下：键盘事件包含onkeydown、onkeypress和onkeyup这三个事件事件初始化function keyDown（）{} document.onkeydown = keyDown; //论按下键盘上的哪个键，都将调用KeyDown（）函数。 DOM标准下function keyDown（e） { var keycode = e.which; //取得对应的键值（数字）...

JS解析XML实例分析

2016年07月27日 25 阅读

本文实例讲述了JS解析XML的方法。分享给大家供大家参考。具体实现方法如下：<script type="javascript"> var txt="<note>"; txt=txt+"<to>George</to>"; txt=txt+"<from>John</from>"; txt=txt+"<heading>Reminder</heading>"; txt=...

首页 / 脚本样式 / JavaScript

jQuery中$.click（）无效问题分析

jquery实现拖拽调整Div大小

jQuery实现带滚动线条导航效果的方法

项目中常用的JS方法整理

js判断手机和pc端选择不同执行事件的方法

使用JavaScript+canvas实现图片裁剪

javascript结合fileReader 实现上传图片

JavaScript中的值是按值传递还是按引用传递问题探讨

javascript中sort（）的用法实例分析

jquery中animate的stop（）方法作用实例分析

jQuery弹出框代码封装DialogHelper

js实现屏幕自适应局部代码分享

使用mouse事件实现简单的鼠标经过特效

js控制输入框获得和失去焦点时状态显示的方法

js实现鼠标悬浮给图片加边框的方法

JS是按值传递还是按引用传递

javascript事件模型实例分析

javascript中cookie对象用法实例分析

javascript中键盘事件用法实例分析

JS解析XML实例分析