获取下拉列表框的值是数组，split，$.inArray示例

2016年07月27日 7 阅读

今天遇到一个贼蛋碎的问题： 1、我从 一个下拉列表select中单击事件，获取options的value值 复制代码 代码如下: var product_id = $（this）.val（） console.log出来是发现是个数组，如：["51"] 然后做了如下判断 复制代码 代码如下: console.log（product_id）; if（product_id == "51"）{alert（111）;} if（product_id[0] == "5...

常见表单重复提交问题整理及解决方法

2016年07月27日 5 阅读

/** * * @authors Benjamin * @date 2013-11-13 10:16:59 */ 一、常见的重复提交问题 a>点击提交按钮两次。 b>点击刷新按钮。 c>使用浏览器后退按钮重复之前的操作，导致重复提交表单。 d>使用浏览器历史记录重复提交表单。 e>浏览器重复的HTTP请求。 二、防止表单重复提交的方法 a>禁掉提交按钮。表单提交后disabled现在的按钮或者取消该按钮的点击事件或者...

jquery 漂亮的删除确认和提交无刷新删除示例

2016年07月27日 5 阅读

本例数据库结构很简单，就一个字段就行了 jquery.confirm.js 复制代码 代码如下: （function（$）{ $.confirm = function（params）{ if（$（"#confirmOverlay"）.length）{ // A confirm is already shown on the page: return false; } var buttonHTML = ""; $.each（params.buttons,fu...

js获取IFRAME当前的URL的方法

2016年07月27日 7 阅读

在许多时候我们在用iframe的时候都会做分页操作 iframe内部的url跳转将不能直接通过iframe的src属性来获得 iframe的当前url的获取方法 复制代码 代码如下: parent.document.getElementById（"content_info"）.contentWindow.location.href 其中：content_info为iframe的id...

解决jquery1.9不支持browser对象的问题

2016年07月27日 5 阅读

最近因项目需要，要用jquery的cycle插件，但是项目里面一直用的都是jquery1.9，不支持browser对象，百度一下，找到了解决方案。 在cycle插件的源码里面直接加上下面这段代码就可以了： 复制代码 代码如下: （function（jQuery）{ if（jQuery.browser） return; jQuery.browser = {}; jQuery.browser.mozilla = false; jQuery.browser.we...

open 动态修改img的onclick事件示例代码

2016年07月27日 5 阅读

复制代码 代码如下: var imgsrc = document.getElementById（"imgsrc"）.getElementsByTagName（"img"）; imgsrc[0].style.cursor="hand"; imgsrc[0].onclick = new Function（ "openArticle（"/RssCommServlet？catalogid=29"）"）; imgsrc[1].style.cursor="hand";...

Js nodeType 属性全面解析

2016年07月27日 8 阅读

定义和用法nodeType 属性返回被选节点的节点类型。语法：elementNode.nodeType节点编号：节点名称：1Element2Attribute3Text4CDATA Section5Entity Reference6Entity7Processing Instrucion8Comment9Document10Document Type11Document Fragment12Notation...

浅析用prototype定义自己的方法

2016年07月27日 5 阅读

prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解：首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量（Array）、逻辑变量（Boolean）、日期变量（Date）、结构变量（Fun...

使用jQuery解决IE与FireFox下createElement方法的差异

2016年07月27日 8 阅读

当我们需要动态生成DOM对象的时候，会使用createElement的方法创建。但是在IE和Firefox下，createElement方法是有差异的。在 IE 中，可以使用以下两种方式来创建一个元素：1、document.createElement（"table"）2、document.createElement（"<table border="0">"）而在 Firefox 只支持：document.createElement（"table...

jQuery探测位置的提示弹窗（toolTip box）详细解析

2016年07月27日 5 阅读

这里我用jQuery做了个提示弹窗的js，并做了个小demo，简单总结下：方位根据当前鼠标所处的位置不同，箭头所指向的方向也不同：左上方（left-top）（缺省）、左下方（left-bottom）、右上方（right-top）、右下方（right-bottom）、上左方（top-left）、上右方（top-right）、下左方（bottom-left）、下右方（bottom-right）优先级以上各种情况优先级依次降低探测思路探测基本思路是:首先，也是前...

JS中typeof与instanceof之间的区别总结

2016年07月27日 6 阅读

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：typeoftypeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在，如 ...

Jquery中$.get（）,$.post（）,$.ajax（）,$.getJSON（）的用法总结

2016年07月27日 6 阅读

详细解读Jquery各Ajax函数：$.get（）,$.post（）,$.ajax（）,$.getJSON（）一，$.get（url,[data],[callback]）说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明复制代码 代...

Jquery AJAX POST与GET之间的区别

2016年07月27日 7 阅读

1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果POST则 认为是一个 变动性 访问 （浏览器 认为 POST的提交 必定是 有改变的）防止 GET 的 等幂 访问 就在URL后面加上 ？+new Date（）;，[总之就是使每次访问的URL字符串不一样的]设计WEB页面的时候 也应该遵守这个原则2:一.谈A...

优化Jquery,提升网页加载速度

2016年07月27日 5 阅读

总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $（window）.load 压缩js 全面掌握jquery库1. 总是从ID选择器开始继承在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById（）方法.复制代码 代码如下:<div id="content"><fo...

提高jQuery性能的十个诀窍

2016年07月27日 6 阅读

1. 使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句：$（‘.elem"）$（‘.elem", context）context.find（‘.elem"）我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下：可以看到，1.6.2版本的运行次...

JS获取农历日期具体实例

2016年07月27日 7 阅读

复制代码 代码如下:<script type="text/javascript"> var CalendarData = new Array（100）; var madd = new Array（12）; var tgString = "甲乙丙丁戊己庚辛壬癸"; var dzString = "子丑寅卯辰巳午未申酉戌亥"; var numString = "一二三四五六七八九十"; var monString = "正二三四五六七八九十冬腊";...

JavaScript图片放大技术（放大镜）实现代码分享

2016年07月27日 5 阅读

复制代码 代码如下:<！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中prototype用法详细介绍

2016年07月27日 5 阅读

prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解：首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量（Array）、逻辑变量（Boolean）、日期变量（Date）、结构变量（Fun...

Enter转换为Tab的小例子（兼容IE,Firefox）

2016年07月27日 6 阅读

复制代码 代码如下:document.onkeydown=function（e）{ var e=window.event||e; var element=e.srcElement||e.target; if（e.keyCode==13&&element.type！="submit"&&element.type！="button"&&element.type！="textarea"&&element.type！="reset"）{ if（docu...

javascript间隔刷新的简单实例

2016年07月27日 6 阅读

复制代码 代码如下:<script language="JavaScript"> function myrefresh（） { window.location.reload（）; } setTimeout（"myrefresh（）",5000）; //指定5秒刷新一次，5000处可自定义设置，1000为1秒</script>...