使用insertAfter（）方法在现有元素后添加一个新元素

2017年02月06日 12 阅读

复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter（newElement, targetElement）{ var parent = targetElement.parentNode; if （parent.lastChild == targetElement）{ parent.appendChild（newElement）; } else { parent.insertBefore（newElement,tar...

javascript自定义的addClass（）方法

2017年02月06日 13 阅读

复制代码 代码如下: //element:需要添加新样式的元素，value：新的样式 function addClass（element, value ）{ if （！element.className）{ element.className = value; }else { newClassName = element.className; newClassName+= " "; newClassName+= value ; element.classN...

href下载文件根据id取url并下载

2017年02月06日 12 阅读

根据id取url，并下载 复制代码 代码如下: <a class="url" apkids="${apk[0]}" href="javascript:void（0）;">view</a> $（function（）{ $（".url"）.click（function（）{ var apkID=$（this）.attr（"apkids"）; jQuery.ajax（{ type:"post", url:"<c:url value=...

javaScript年份下拉列表框内容为当前年份及前后50年

2017年02月06日 12 阅读

javascript下拉列表框，内容为当前年份及前后50年，默认选择为当前年份 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.onload=function（）{ //设置年份的选择 var myDate= new Date（）; var startYear=myDate.getFullYear（）-50;//起始年份 var endYear=my...

window.open（）详解及浏览器兼容性问题示例探讨

2017年02月06日 13 阅读

一、基本语法： window.open（pageURL,name,parameters） 其中： pageURL 为子窗口路径 name 为子窗口名字 parameters 为窗口参数（各参数用逗号分隔） 二、示例 复制代码 代码如下: <script type="text/javascript"> window.open（"page.html","newwindow","height=500,width=800,top=0,left=0, t...

关于JavaScript中name的意义冲突示例介绍

2017年02月06日 13 阅读

在昨天的《Javascript权威指南》学习笔记之十：ECMAScript 5 增强的对象模型一文中，对于一段代码的调试出现了一个奇怪现象，现将源代码贴在下面： 复制代码 代码如下: <script type="text/javascript"> function Person（）{} var per = new Person; Object.defineProperties（per, { "nickName": { value:"Tom", ...

用js闭包的方法实现多点标注冒泡示例

2017年02月06日 13 阅读

这两天在做地图这块，一点点js代码，各种坑。第一次接触js，各种难，下面就这几天的研究做一些总结，求坑 在事件监听器中使用闭包 在执行事件监听器时，通常可取的做法是将私有数据和持久性数据附加到对象中。JavaScript 不支持“私有”实例数据，但是支持允许内部函数访问外部变量的闭包。在事件监听器中，闭包非常适用于访问通常不附加到发生事件的对象的变量。 以下示例在事件监听器中使用了函数闭包将加密讯息分配给一组标记。点击每个标记将会看到加密讯息的一部分，该讯...

js实现页面跳转重定向的几种方式

2017年02月06日 12 阅读

第一种： 复制代码 代码如下: <script language="javascript"type="text/javascript"> window.location.href="http://shanghepinpai.com"; </script> 第二种： 复制代码 代码如下: <script language="javascript"> alert（"返回"）; window.history.back（-1）...

纯js和css实现渐变色包括静态渐变和动态渐变

2017年02月06日 12 阅读

说起“渐变色”，你会想起什么？ 当我开始搜索查找这个名词的时候，才发现它实际上是有两种理解或者说是两种形式的：动态渐变和静态渐变。 所谓动态渐变，举个简单的例子：他来了，她的脸渐渐红了...渐渐的，渐渐改变的，是不断在改变的；而静态渐变，也就更简单了：天上一到彩虹，赤橙黄绿青蓝紫啊...在当前展示的成品中，颜色从一部分到另一部分的颜色是不一样的，可能幅度比较小，是逐渐改变的，但有一点是至关重要的，它已经存在了，形成了变化的现状且无法再改变。 这样我们先来用...

jquery缓动swing liner控制动画过程不同时刻的速度

2017年02月06日 13 阅读

jQuery效果函数（slideUp（）、fadeIn（）等）和animation（）函数都接收另一个用来控制动画过程的速度的参数，这就是缓动（easing），它确定了动画过程不同时刻的速度。例如，将一个元素移过页面的时候，可能让这个元素缓慢地开始移动，然后变得很快，最后随着动画的完成再次慢下来。给动画添加缓动，使得动画在视觉上更有趣且更有动态感。 jQuery只包含了两个缓动方法：swing和linear。linear方法提供了一个稳定的动画，以使得动画...

Jquery 获取指定标签的对象及属性的设置与移除

2017年02月06日 12 阅读

1、先讲讲JQuery的概念，JQuery首先是由一个 America 的叫什么 John Resig的人创建的，后来又很多的JS高手也加入了这个团队。其实 JQuery是一个JavaScript的类库，这个类库集合了很多功能方法，利用类库你可以用简单的一些代码实现一些复杂的JS效果。 2、JQuery实现了代码的分离，不用再网页中加入如：onclick之类的事件来调用函数了，直接引入JQuery类库和自己编写的JQuery代码就可以了； 如： 复制代码 ...

自定义jquery模态窗口插件无法在顶层窗口显示问题

2017年02月06日 12 阅读

自定义一个jquery模态窗口插件，将它集成到现有平台框架中时，它只能在mainFrame窗口中显示，无法在顶层窗口显示. 解决这个问题的办法： 通过以下代码就可能实现在顶层窗口弹窗 复制代码 代码如下: $（window.top.document.body）.append（"<div id="dialog"></div>"）; ...

jquery获取tagName再进行判断

2017年02月06日 12 阅读

如果是为了取到tagName后再进行判断，那直接用下面的代码会更方便： $（element）.is（"input"） 如果是要取到标签用作到别的地方，可以使用一下代码： $（element）[0].tagName 或： $（element）.get（0）.tagName...

JQuery给元素绑定click事件多次执行的解决方法

2017年02月06日 12 阅读

原绑定方法： 复制代码 代码如下: $（"#sdfsd"）.on（"mouseout",function（e）{ ***** }）; 这种方法只会在原click方法中继续添加新方法； 解决办法更改绑定方法为： 复制代码 代码如下: $（"#sdfsd"）.unbind（"click"）.click（function（e）{ ***** }）; 在绑定新click方法前对元素所绑定的click方法解绑...

javascript 小数取整简单实现方式

2017年02月06日 12 阅读

JS: 复制代码 代码如下: function truncateNumber（n）{ return n|0; } 测试： 复制代码 代码如下: console.log（truncateNumber（12.345））; 浏览器打印出12...

js中的for如何实现foreach中的遍历

2017年02月06日 12 阅读

js中没有foreach这个关键字，但是可以用var v in array来实现遍历。但是需要注意的是， 拿到的是key而不是value。看例子： 复制代码 代码如下: <script type="text/javascript"> // 普通数组 var intArray = new Array（）; intArray[0] = "第一个"; intArray[1] = "第二个"; for（var i = 0; i<intArray....

jQuery操作select下拉框的text值和value值的方法

2017年02月06日 12 阅读

1、jquery获取当前选中select的text值 var checkText=$（"#slc1"）.find（"option:selected"）.text（）; 2、jquery获取当前选中select的value值 var checkValue=$（"#slc1"）.val（）; 3、jquery获取当前选中select的索引值 var index=$（"#slc1 "）.get（0）.selectedIndex; 4、jquery设置索引值为1的...

jQuery移除元素自动解绑事件实现思路及代码

2017年02月06日 13 阅读

世界本该如此！ 所以，在现代浏览器，如果你将一个元素从DOM树种进行移除的时候，浏览器会自动帮你绑定的事件进行解绑以释放其占用的内存。也许你猜到了，较老版本的浏览器则不会主动去做这件事，所以，当你的应用在较老版本的浏览器运行的越久，其消耗内存越多，应用就会变得越来越卡。因此，需要我们自己对要删除的元素进行事件解绑。 实现思路 用jQuery将元素移除的基本方法常用的有三个，一个是remove（）方法，一个是html（）方法，一个是empty（）方法。我们可...

通过Jquery的Ajax方法读取将table转换为Json

2017年02月06日 12 阅读

1. 创建Users表 复制代码 代码如下: create table Users （ UserId int identity（1,1） primary key, UserName varchar（20） ） insert into Users values（"Bradley"） insert into Users values（"Dan"） 复制代码 代码如下: create table Users （ UserId int identity（1,1）...

基于iframe实现类似于ajax的页面无刷新

2017年02月06日 12 阅读

本方法是基于iframe实现的，需求是form表单提交带有文件上传的input标签，因此不能使用ajax来提交 首先： 复制代码 代码如下: <form id="form0" action="${pageContext.request.contextPath}/news/baikeAdd.form" enctype="multipart/form-data" method="POST" target="hidden_frame"> ... .....