JavaScript判断变量是对象还是数组的方法

2017年02月06日 13 阅读

typeof都返回object在JavaScript中所有数据类型严格意义上都是对象，但实际使用中我们还是有类型之分，如果要判断一个变量是数组还是对象使用typeof搞不定，因为它全都返回object复制代码 代码如下:var o = { "name":"lee" };var a = ["reg","blue"];document.write（ " o typeof is " + typeof o）;document.write（ " <br /&g...

原生javascript实现的分页插件pagenav

2017年02月06日 12 阅读

这一款是用原生javascript实现的分页插件pagenav，页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码，调用时可根据需要先重写go方法.（已去除jquery依赖）。。。。插件代码如下：/* ************************** author:Keel （keel.sike@gmail.com） ************************** 页码显示jquery插件,只需要存在#pageNav,则会在...

jQuery实现异步获取json数据的2种方式

2017年02月06日 13 阅读

本文实例讲述了jQuery实现异步获取json数据的2种方式，在web程序开发中非常具有实用价值。分享给大家供大家参考之用。具体方法如下：通常来说，jQuery异步获取json数据有2种方式，一个是$.getJSON方法，一个是$.ajax方法。本文就来实现使用这2种方式异步获取json数据，然后追加到页面。在根目录下创建data.json文件：{"one" : "Hello","two" : "World"}一、通过$.getJSON方法获取json数据...

jQuery实用函数用法总结

2017年02月06日 12 阅读

本文以实例的形式总结了jQuery的常见实用函数。分享给大家供大家参考之用。具体示例如下：1.修剪字符串$（"#id"）.val（$.trim（$（"#someid"）.val（）））2.遍历集合可能这样写：var anArray = ["one","two"];for（var n = 0; n < anArray.length; n++）{}还有可能这样写：var anObject = {one: 1, two: 2};for（var p in a...

jQuery动画特效实例教程

2017年02月06日 12 阅读

本文以实例形式详细讲述了jQuery动画特效的实现方法。分享给大家供大家参考之用。具体方法如下：1.自制折叠内容块内容块如下：<div class="module"><div class="caption"><span>标题</span><img src="rollup.gif" alt="rollup" title="rolls up this module"/></div><...

laytpl 精致巧妙的JavaScript模板引擎

2017年02月06日 12 阅读

laytpl是一款颠覆性的JavaScript模板引擎，它用巧妙的实现方式，将自身的体积变得小巧玲珑，不仅性能接近极致，并且还具备传统前端引擎的几乎所有功能。所有的变身魔法都由不到1KB的代码创造，这仿佛是一场革命，又或者不是，但毋庸置疑的是，laytpl的确在用最轻量的方式呈现给世人。如果你从未接触这方面的应用，没关系，下面的讲述将会让你迫不及待地选择laytpl，从此更好地把握页面的数据渲染，走上人生巅峰！laytpl优势•性能卓绝，执行速...

jQuery事件用法实例汇总

2017年02月06日 12 阅读

本文以实例形式详细汇总了jQuery中事件的用法，对jQuery的学习有很好的参考价值。分享给大家供大家参考之用。具体用法如下：1.通过方法名给元素绑定事件：$（"li"）.click（function（event）{}）2.通过bind方法给元素绑定事件：$（"li"） .bind（"click",function（event）{}） .bind（"click",function（event）{}） 可见，通过bind，可以给元素绑定多个事件。3.事件的...

jQuery针对各类元素操作基础教程

2017年02月06日 12 阅读

本文实例讲述了jQuery针对元素的操作，包括基础操作、选择要操作的元素及处理DOM元素等。对jQuery的学习有很好的借鉴价值。分享给大家供大家参考之用。具体分析如下：1、基础jquery对象集：$（）：jquery对象集合获取jquery对象集中的元素：使用索引获取包装器中的javascript元素：var temp = $（"img[alt]"）[0]使用jquery的get方法获取jquery对象集中的javascript元素：var temp =...

仿百度联盟对联广告实现代码

2017年02月06日 12 阅读

源码如下：<style type="text/css">*{margin:0;padding:0;}body{height:2000px;}.floatAd{width:124px;height:299px; text-align:center; position:fixed;margin-left:0;top:109px; _position:absolute; background:url（http://files.jb51.net/dem...

ZeroClipboard插件实现多浏览器复制功能（支持firefox、chrome、ie6）

2017年02月06日 12 阅读

但是值得注意的是官方介绍中已明确表态说这个插件不支持ie6,下面将提供多实例化Zero Clipboard复制功能的实现及兼容ie6的写法！先下载ZeroClipboard http://www.jb51.net/jiaoben/24961.html<style type="text/css"> body { font-family:arial,sans-serif; font-size:9pt; } .copyit {text-align:c...

原生js实现复制对象、扩展对象 类似jquery中的extend（）方法

2017年02月06日 12 阅读

jq的extend（）方法能很方便的实现扩展对象方法，语法如下：$.extend（obj1,boj2,obj3）;现在要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend（）方法，具体实例如下：现有3个对象字面量：var o1={hello:1,old:555},o2 = {abc: 55555555,hello: 2,fun: function（） {alert（111）;}},o3={third:9999};实现目标：复制o1对象，把 ...

原生js仿jq判断当前浏览器是否为ie,精确到ie6~8

2017年02月06日 12 阅读

熟悉jq的朋友可能会偶尔用到判定当前浏览器是否为ie，甚至是具体到ie哪个版本。比如说判定当前浏览器是ie7 ，写法如下：if（$.browser.msie && $.browser.version==7）{//ie7下执行该区域代码}原生js，仿jq写法，具体实现代码：<script>var browser = （function（）{var isIE6 = /msie 6/i.test（navigator.userAgent）;var is...

通过js为元素添加多项样式,浏览器全兼容写法

2017年02月06日 13 阅读

js给元素添加多项样式,浏览器全兼容示例写法：<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a><script>var obj=document.getElementById（"test"）;var oldStyle=obj.style.cssText;alert（oldStyle）;obj.style.cssT...

Html5的placeholder属性（IE兼容）实现代码

2017年02月06日 12 阅读

HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊！例如: <input i...

超级好用的jQuery圆角插件 Corner速成

2017年02月06日 12 阅读

jQuery Corner是一款jQuery的插件，最初由Dave Methvin开发，但后在Malsup同志的协助下，进行了一些重要的改进。现在项目放在github上，当然为了方便，本文会以附件的形式提供该插件，但要想得到最新版，请到项目的github上拿。之所以会像变魔术一样地展现圆角及其他样式，是由于该插件为目标元素增加了一些小条块，这些小条块为背景色，所以人眼看上去出现了圆角而已，其实就是小东西遮盖了本来的直角。看来我真不是干魔术师的料，一上来就先...

textarea不能通过maxlength属性来限制字数的解决方法

2017年02月06日 13 阅读

textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制，简单而实用。假设我们有一个id为 txta1 的textarea文本区，我们可以通过以下代码限制它的键盘输入字数为10个字（汉字或其他小角字符）：<script ...

使用text方法获取Html元素文本信息示例

2017年02月06日 12 阅读

获取文本信息的方法有很多，本例使用的使用的是jquery的text方法，这个方法想必大家都有使用过吧，简单实用。获取之后并使用alert将文本弹出，下面是实现代码<！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>p { margin:8p...

原生javascript实现拖动元素示例代码

2017年02月06日 12 阅读

本文介绍原生javascript实现元素拖动。思路：1.首先改变被拖动元素的布局属性，关键是“position:absolue”；2.捕捉鼠标事件"mousedown","mousemove","mouseup"；3.当触发"mousedown"时，记录下当前鼠标在元素中的相对位置，_x,_y；4.紧接着处理"mousemove"事件，通过改变元素的top和left属性来移动元素；5.当触发"mouseup"时间时，终止拖动。同时，应考虑代码的封装性和浏览...

一个不错的仿携程自定义数据下拉选择select

2017年02月06日 12 阅读

这是一个仿携程自定义的数据下拉选择select，对一些比较重要的参数进行的描述，方便初学者/* *id ： id 当前插件的父元素 *data ： json 选择的数据（json格式） *bool ： true/false data数据如果要分离成两个 值为true *config ： 配置data的内部对象（type在bool为true的时候生效） { id : 数据字段, name : 数据名称, alias : 数据名称首字母, type : 数据类...

通过JS来动态的修改url，实现对url的增删查改

2017年02月06日 12 阅读

虽然可以通过get方式提交post表单等方式来动态修改url，但如果多个按钮能并行提交时，写多个大体相同，又有些细节差异的表单，难免有些不妥，因此，想到了通过JS来动态的修改url，来实现对url的增删查改。 <script>var LG=（function（lg）{ var objURL=function（url）{ this.ourl=url||window.location.href; this.href="";//?前面部分 t...