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

jQuery 瀑布流浮动布局（一）（延迟AJAX加载图片）

2017年02月06日 18 阅读

浮动布局:即HTML结构的列，是用浮动方式。一、功能分析： 1.判断图片是否进入可视区域； 2.用AJAX请求服务器数据； 3.将数据播入到相应的列队；二、实现方法：给window的scroll事件l绑定一个处理函数：做如下工作： 1.如何判断最后一行的图片，是否进入了可视区域？如果：最后一行的某个图片距离浏览器可视区域顶部的距离值小于（可视区域的高度+滚动条滑动的距离值）；那么：就可以判定这个图片进入了浏...

jQuery 瀑布流绝对定位布局（二）（延迟AJAX加载图片）

2017年02月06日 17 阅读

瀑布流-绝对定位布局，与浮动布局的区别在于 1.布局不一样：绝对定位：一个UL里面放置所有的绝对定位的LI；浮动布局：多个（一般三四个）UL分布放置LI； 2.AJAX不一样绝对定位：只需要将请求来的JSON数据（当然可以是别的格式的数据），插入到UL就可以了。然后再对这个新插入的LI进行TOP和LEFT设置；浮动布置：是将请求来的JSON数据（当然可以是别的格式的数据），分别插入到对应的UL当中，因为有绝对定位，所以不用对LI设置...

setTimeout的延时为0时多个浏览器的区别

2017年02月06日 22 阅读

由于不是很了解浏览器的内部执行策略，本文只能是通过前端一些测试依稀猜测些结论： 1）测试举例做了两个例子： 1-1）脚本在页面中直接执行，通过刷新看结果复制代码代码如下: <！DOCTYPE HTML> <HTML> <HEAD> <script type="text/javascript"> var t=new Date; setTimeout（function（）{ alert（"cost time...

JavaScript可否多线程？深入理解JavaScript定时机制

2017年02月06日 21 阅读

例如复制代码代码如下: setTimeout（ function（）{ alert（"你好！"）; } , 0）; setInterval（ callbackFunction , 100）; 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了. 同理对setInterval的callbackFun...

检测input每次的输入是否合法遇到汉字输入就有问题

2017年02月06日 22 阅读

记录一下资料，就这几天测试一下然后发布成果复制代码代码如下: <input type="text" value="xxx" id="xx" onclick="this.myprop="xx""> <script type="text/javascript"> <！-- document.getElementById（"xx"）.attachEvent（"onpropertychange",function（o）{aler...

在页面预览客户端本地图片的js代码（兼容FF IE）

2017年02月06日 18 阅读

公司最近有个项目有这样的需求我才发现我之前写的如何通过JS获取用户本地图片路径这篇文章里所使用的方法只支持本地页面预览本地图片有一种解决方法是上传到服务器后返回相对路径但是效率是个问题，编程复杂度也会提高直接上demo代码为更多有这种需求又苦于找不到解决方案的同行提供源码转载请注明出处我这里还有更多的其他问题的解决方案供更多人参考 get file input full path function getFullPath（obj...

Package.js现代化的JavaScript项目make工具

2017年02月06日 21 阅读

Package.js项目地址：http://code.google.com/p/package-js/Package.js是一个很方便的JavaScript包依赖管理及Make工具。它的设计目标是使浏览器端的JavaScript Component/App 开发更加模块化。如果您只是在开发一个小型的网站，只会混杂在HTML中写几行JS代码用于改善一下用户体验，那么Package.js也许并不适合您。如果您正在开发一个中到大型的WebApp，有几十甚至几百几...

面向对象Javascript核心支持代码分享

2017年02月06日 22 阅读

JQury框架绝对是页面开发的首选，代码短小强悍，缺点就是面向对象特性不足，所幸有不少插件！至于Ext就是一个庞然大物了，高度面向对象，类似于MFC的庞大API和控件库，运行起来，浏览器就累得够呛，开发也够呛，使用代码来创建界面绝对是个糟糕的方式，Javascript的弱语言类型使得Ext开发就像行走在雷区，减少bug的唯一方法就是不要写出bug，一旦出现bug，调试将是一件极为痛苦的事情！在几千行代码里跟踪、跳转真让人抓狂！ Javascript做面向...

Javascript处理DOM元素事件实现代码

2017年02月06日 22 阅读

DOM元素都有一些标准事件，一般使用时只要使用onclick=function的方式就可以了，但是当需要为DOM元素添加多个事件，删除事件，或在用Javascript封装控件的时候，为封装的控件添加自定义事件的时候，onclick=function的方式就不够用了，但是浏览器有addEventListener和attachEvent方法可供调用，从而模拟出类似于C#中的事件委托的事件触发机制！复制代码代码如下: /* * 功能：事件处理 * Autho...

JavaScript基本编码模式小结

2017年02月06日 21 阅读

无论编写任何程序都会接触到编码风格，设计模式等概念，编码风格一般侧重于书写规范，而设计模式则偏向于程序架构设计。本文中笔者整理的这些“模式”包含了编写JavaScript代码时一些常用的方法或者小技巧，可以帮助初学JavaScript的同学迅速提升代码质量。当然，在此之前首先要保证规范的书写习惯，在此之上可以再将本文介绍的知识点运用到代码编写中，则可以大大提升代码质量。下面是笔者整理的一些点，没有什么逻辑顺序，想到哪儿写到哪儿了，不足之处欢迎大家补充指正...

{}与function（）{}选用空对象{}来存放keyValue

2017年02月06日 21 阅读

贪多必失，写了一个用操作url 的js工具类，这个类上面有个属性叫queryString，我原来的做法是让queryString=function（）{} ，想法是希望能够queryString[key]或者queryString（key[,value]）这样两种写法都支持，通过queryString[key] 方式调用key大小写敏感通过queryString（key）则可以大小写无关。今天杯具的发现url中带name参数死活都设置不上去，突然想起...

解决jquery的datepicker的本地化以及Today问题

2017年02月06日 20 阅读

1、本地化可以直接加载文件，也可以直接在script后面加入如下语句复制代码代码如下: jQuery（function （$） { $.datepicker.regional["zh-CN"] = { closeText: "关闭", prevText: "<上月", nextText: "下月>", currentText: "今天", monthNames: ["一月", "二月", "三月", "四月", "五月", "六月...

自己做的模拟模态对话框实现代码

2017年02月06日 22 阅读

复制代码代码如下: <！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 http-equiv="Content...

JS中处理与当前时间间隔的函数代码

2017年02月06日 21 阅读

复制代码代码如下: <script type="text/javascript"> //计算一个日期字符串与当前日期相差值 //输入的参数形式如：2012-12-12 12:12:12 //返回相差值的字符串 function GetDateDiff（datetime） { // 可以将2012 - 12 - 12 12 : 12 : 12字符串转为JS中的时期对象, // 因为默认情况下只把持2000 / 05 / 05这样形式的字符串转为...

JavaScript学习笔记记录我的旅程

2017年02月06日 20 阅读

1、什么是JavaScript？（1） HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断（比如判断文本框是否为空，判断两次密码是否输入一致）店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。（2） JavaScript和Java没有直接的关系，唯一的关系就是JavaScript原名LiveScrip...

JavaScript 图像动画的小demo

2017年02月06日 22 阅读

复制代码代码如下: <！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>图形动画</title...

利用javascript解决图片缩放及其优化的代码

2017年02月06日 21 阅读

一个客户跟我联系说，刚给他做的网站，显示不正常，我顿时一紧张，这是我独立完成的第一个项目，于是赶紧打开他的网站看了看，没看出什么不正常来。我又问他怎么不正常，他说和交接项目时的效果不一样，晕，交接时要是不正常，项目肯定交接不了啊，干脆让他截个图过来。果然不正常，是他刚上传的一张图片把显示内容的窗口撑开了。查看代码，明明写好了max-width，怎么还会出现这种情况。突然发现他发来的图上，那个浏览器看着不顺眼，像是古老的而神圣的IE6！经过确认，果然是它，又...

JavaScript基础语法让人疑惑的地方小结

2017年02月06日 21 阅读

复制代码代码如下: /* JS基础语法中，几个比较容易让人疑惑的地方。 */ /* == === */ function de（） { var ab = 25; //数值 var ba = "25"; //字符串 if （ab == ba） { //==，会先转换，后比对。 //alert（"b"）; } if （！（ab === ba）） { //===不会转换，而进行直接比对，ab是数值类型数据，而ba是字符串类型数据 //alert（"a"）; }...

通过js动态操作table（新增，删除相关列信息）

2017年02月06日 22 阅读

1、取得table对象 var objTable=document.getElementById（ "tb_visitor" ）; 2、新增一行 var objTempRow = objTable.rows[0]; //取得模板行 var objNewRow = objTable.insertRow（ objTable.rows.length ）; objNewRow.id = objTable.rows.length-1; //添加一行的相关信息 fo...

网页源代码保护（禁止右键、复制、另存为、查看源文件）

2017年02月06日 21 阅读

1、禁止右键菜单复制代码代码如下: <script type="text/javascrpt" language="javascript"> //方法一 function noMenuOne（） { alert（"禁止右键菜单！"）; return false; } document.oncontextmenu = noMenuOne; //方法二 function noMenuTwo（） { if（event.button == 2） {...

首页 / 脚本样式 / JavaScript

jQuery 瀑布流 浮动布局（一）（延迟AJAX加载图片）

jQuery 瀑布流 绝对定位布局（二）（延迟AJAX加载图片）

setTimeout的延时为0时多个浏览器的区别

JavaScript可否多线程？ 深入理解JavaScript定时机制

检测input每次的输入是否合法遇到汉字输入就有问题

在页面预览客户端本地图片的js代码（兼容FF IE）

Package.js现代化的JavaScript项目make工具

面向对象Javascript核心支持代码分享

Javascript处理DOM元素事件实现代码

JavaScript基本编码模式小结

{}与function（）{}选用空对象{}来存放keyValue

解决jquery的datepicker的本地化以及Today问题

自己做的模拟模态对话框实现代码

JS中处理与当前时间间隔的函数代码

JavaScript学习笔记记录我的旅程

JavaScript 图像动画的小demo

利用javascript解决图片缩放及其优化的代码

JavaScript基础语法让人疑惑的地方小结

通过js动态操作table（新增，删除相关列信息）

网页源代码保护（禁止右键、复制、另存为、查看源文件）

jQuery 瀑布流浮动布局（一）（延迟AJAX加载图片）

jQuery 瀑布流绝对定位布局（二）（延迟AJAX加载图片）

JavaScript可否多线程？深入理解JavaScript定时机制