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

JS获取当前网页大小以及屏幕分辨率等

2017年02月06日 14 阅读

效果如下：代码如下：<html><head><title>获取当前对象大小以及屏幕分辨率等</title><body><div style=" width:88%;margin:30px auto; color:blue;" id="div_html"></div><script type="text/javascript">var s = ""; s += "...

js实现按一下删除键删除整个单词附demo

2017年02月06日 12 阅读

在文本框倒叙输入一文中提到了设置文本框焦点的javascript代码，今天就使用这段代码来做一个Demo。内容就是当删除单词时就一次性删除整个单词，如图所示：下面我把示例代码贴上：<！DOCTYPE html><html><head><title></title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"...

使用jquery解析XML示例代码

2017年02月06日 12 阅读

xml文件结构:books.xml<?xml version="1.0" encoding="UTF-8"?><root><book id="1"><name>深入浅出extjs</name><author>张三</author><price>88</price></book><book id="2"><...

用javascript关闭本窗口技巧小结

2017年02月06日 13 阅读

大家都知道window.close（）是用来关闭窗口的，而且ie和firefox都是支持的。为了实现用户对浏览器的绝对控制，ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户，怎么去掉这个框呢，请看下面的代码。function winClose（）{ window.top.opener = null; window.close（）; }在window.close之前加上window.top.opener = null就可以了。有人说fir...

js获取页面传来参数的方法

2017年02月06日 14 阅读

这篇文章主要介绍了通过window.location.search来获取页面传来的参数，经测试是OK的function GetQueryString（name） { var reg = new RegExp（"（^|&）" + name + "=（[^&]*）（&|$）","i"）; var r = window.location.search.substr（1）.match（reg）; if （r！=null） return （r[2]）; return...

在JavaScript里防止事件函数高频触发和高频调用的方法

2017年02月06日 12 阅读

网页中JavaScript最基本的功能是监听或响应用户的动作，这非常的有用。用户的动作有些频率非常高，有的十分罕见。有些监听器函数的执行如闪电般完成，而有些繁重的会把浏览器拖死。拿浏览器窗口的resize事件来说，这种事件会在浏览器窗口大小的每一尺度变化都触发一次，如果监听器体量很大，你的浏览器很快就会被拖垮。很显然，我们不能允许浏览器被拖垮，但我们又不能删除删除监听器。然而，我们可以限制函数调用的频度，弱化事件函数运行带来的影响。相对于让窗口的每一步si...

JS 使用for循环遍历子节点查找元素

2017年02月06日 12 阅读

这篇文章主要介绍了JS 使用for循环配合数组遍历子节点查找元素function nextChildNode（node,clazz,tagName）{ var count= node.childElementCount; for（var i=0;i<count;i++）{ if（node==undefined || node.children[i]==undefined）{ continue; } if（clazz）{ if（node.childre...

JavaScript实现动态创建CSS样式规则方案

2017年02月06日 12 阅读

现在Web应用中有大量的JavaScript代码,而我们也一直在追寻各种使他们更快的解决方案。1.我们通过事件代理（event delegation）让事件监听更高效,2.我们利用函数降频技术（function debouncing）来限制一段时间内给定方法被调用的次数,请参考:如何防止事件函数的高频触发（中文翻译）3.我们使用 JavaScript加载器来加载我们确实需要的那部分资源,等等。还有一种方式,可以让我们的页面更加的快速和高效.那就是...

jquery向上向下取整适合分页查询

2017年02月06日 13 阅读

在用ajax进行分页查询时，分页的数目要用到取整函数<script language="javascript"> var uu=Math.floor（5.36） //向下取整结果为5 var uu=Math.floor（5.88） //结果为5 Math.ceil（5.33） //向上取整，结果为6 Math.round（5.55） //四舍五入结果为6 math.round（5.22） //结果为5 </script>...

jquery用offset（）方法获得元素的xy坐标

2017年02月06日 14 阅读

获取页面某一元素的绝对X,Y坐标，可以用offset（）方法：（body属性设置margin :0;padding:0;）var X = $（"#DivID"）.offset（）.top; var Y = $（"#DivID"）.offset（）.left; 获取相对（父元素）位置: var X = $（"#DivID"）.position（）.top; var Y = $（"#DivID"）.position（）.left;...

JavaScript及jquey实现多个数组的合并操作

2017年02月06日 12 阅读

1、原生的JavaScript实现var array1 = ["a", "b"];var array2 = ["c", "d"];我要合并后变成下面这样：<span class="keyword" style="font-weight:bold">var</span> <span class="keyword" style="font-weight:bold">array</span>= [<span ...

jquery实现html页面 div 假分页有原理有代码

2017年02月06日 12 阅读

div假分页原理：填充后div的总高度（1000px）显示高度（100px）则页面总数为10页。当查看第二页时，显示的div高度为100 - 200之间，以此类推看见页面在翻页实则为div滚动条移动。<div id="applications">显示数据集合</div><style> #applications { /* width:500px;调整显示区的宽*/ height: 1592px; /*调整显示区...

js和jquery中循环的退出和继续学习记录

2017年02月06日 12 阅读

作为水货，就是学会了1+1=3也要记录一下！错了，是2学习记录：js中的for（var i=1;i<5;i++）{if（i==3）{break; // 使用break，弹出2次提示分别为1,2；如果使用continue，则会弹出3次，分别是1,2,4}alert（i）;}循环，退出循环，使用break；退出当前循环继续下一个循环，使用continuejquery中的each（）方法中要实现break，使用return false；continue，使...

禁止iframe脚本弹出的窗口覆盖了父窗口的方法

2017年02月06日 12 阅读

我所希望的iframe功能是不要去控制父页面，如果他想要控制，哪从父页面里面加入什么代码能让他无法控制呢？假如iframe里面有这样的语句：window.parent.location.href="http://www.baidu.com"这就会把父页面的网页改掉，我在父页面里面加入什么，能让他无法改变父页面呢，有命令在新窗口里面弹出来，而不是覆盖父页面！百度被放入框架后，使用搜索就会跳到父框架中，但是这个番茄搜索中却成功把他置入了框架，但是我不明白，他到...

jquery mobile页面跳转后样式丢失js失效的解决方法

2017年02月06日 13 阅读

用ajax跳转的时候，从a.html跳转到b.html后，b.html的css以及js都失效了。方法：将当前页面b.html需要用到的css以及js放在<page>div内。原理：由于jqm的ajax跳转的时候，只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载，所以导致在<page>外的js和css都失效了。...

页面加载完后自动执行一个方法的js代码

2017年02月06日 12 阅读

1、在body中用onload:<body onload="myfunction（）">2、在脚本中用window.onload:<script type="text/javascript">function myfun（）{alert（"this window.onload"）;}/*用window.onload调用myfun（）*/window.onload=myfun;//不要括号</script>下面这个例子在页...

10分钟学会写Jquery插件实例教程

2017年02月06日 12 阅读

有很多朋友都用过jquery插件，但是很少有人自己动手写过jQuery插件，本文就以实例形式简单叙述了jQuery插件的实现方法。分享给大家供大家参考之用。具体方法如下：具体而言，其实就是把一些常用、实用、通用的功能封装起来而以，简单的来讲就是把这些代码放在一个方法里面，可以达到重复使用的效果，这样就可以不需要每次要用此功能的时候都去重新写一遍。现在Jquery里面加入了插件的概念，只要按照它特定的格式当作平时写function一样去写就可以了，不虽然搞得...

jQuery源码分析之jQuery中的循环技巧详解

2017年02月06日 12 阅读

jQuery的源码中有很多值得学习借鉴的技巧，本文即收集了jQuery中出现的各种遍历技巧和场景。具体分析如下：// 简单的for-in（事件） for （ type in events ） {} // 缓存length属性，避免每次都去查找length属性，稍微提升遍历速度 // 但是如果遍历HTMLCollection时，性能提升非常明显，因为每次访问HTMLCollection的属性，HTMLCollection都会内部匹配一次所有的节点 for （...

js 数组去重的四种实用方法

2017年02月06日 12 阅读

面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单，但是其实暗藏杀机。考的不仅仅是实现这个功能，更能看出你对计算机程序执行的深入理解。我总共想出了三种算法来实现这个目的：Array.prototype.unique1 = function（）{var n = []; //一个新的临时数组for（var i = 0; i < this.length; i...

点击button获取text内容并改变样式的js实现

2017年02月06日 13 阅读

需求：点击button获得input框中选中的内容，让选中的内容变红，实现：代码如下<！DOCTYPE HTML><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>Test</title><style type="text/css">div{display...

首页 / 脚本样式 / JavaScript

JS获取当前网页大小以及屏幕分辨率等

js实现按一下删除键删除整个单词附demo

使用jquery解析XML示例代码

用javascript关闭本窗口技巧小结

js获取页面传来参数的方法

在JavaScript里防止事件函数高频触发和高频调用的方法

JS 使用for循环遍历子节点查找元素

JavaScript实现动态创建CSS样式规则方案

jquery向上向下取整适合分页查询

jquery用offset（）方法获得元素的xy坐标

JavaScript及jquey实现多个数组的合并操作

jquery实现html页面 div 假分页有原理有代码

js和jquery中循环的退出和继续学习记录

禁止iframe脚本弹出的窗口覆盖了父窗口的方法

jquery mobile页面跳转后样式丢失js失效的解决方法

页面加载完后自动执行一个方法的js代码

10分钟学会写Jquery插件实例教程

jQuery源码分析之jQuery中的循环技巧详解

js 数组去重的四种实用方法

点击button获取text内容并改变样式的js实现