JavaScript蒙板（model）功能的简单实现代码

2017年02月06日 36 阅读

思路:•创建一个蒙板, 设置蒙板的堆叠顺序保证能将其它元素盖住position: absolute;top: 0;left: 0;display: none;background-color: rgba（9, 9, 9, 0.63）;width: 100%;height: 100%;z-index: 1000; •设置蒙板中内容的背景色和展示格式width: 50%;text-align: center;background: #f...

Jquery获取当前城市的天气信息

2017年02月06日 37 阅读

本文实例为大家分享了Jquery获取当前城市的天气信息代码，供大家参考，具体内容如下HTML代码：<div id="weather"></div>Jquery代码：function findWeather（） {var cityUrl = "http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js";$.getScript（cityUrl, function（s...

JavaScript数组操作函数汇总

2017年02月06日 35 阅读

js中数组操作函数还是非常多的，今天忽然想到来总结一下，也算是温故而知新吧。不过不会针对每个办法都进行一下总结，只是针对一些比较常用的做个备注一下。这里总结到的 js 数组操作函数有：push，pop，join，shift，unshift，slice，splice，concat（1）push 和 pop这两个函数都是对数组从尾部进行压入或弹出操作。push（arg1,arg2,...）可以每次压入一个或多个元素，并返回更新后的数组长度。注意如果参数也是数组...

JavaScript如何实现跨域请求

2017年02月06日 35 阅读

什么是跨域请求？简单的理解就是向不在同一个域名的服务器文件发出请求。这个还是用实际的例子来说明一下吧，比如baidu.com向cxyblog.com发送请求，这两个域名是不同的，那么这就是跨域了，出于安全性的考虑，这样是不允许的。另外需要注意的是不同子域名或者同域名不同端口之间或者相同域名不同协议等发送的请求也都算是跨域的，基本上可以为归为下面几类：（1）http://www.baidu.com向http://www.cxyblog.com发送请求（2）h...

JS实现HTML表格排序功能

2017年02月06日 35 阅读

本文实例为大家分享了JavaScript实现HTML表格排序功能，供大家参考，具体内容如下HTML代码：<table cellpadding="0" id="table"><tr class="top"><td>click me</td><td>click me</td><td>click me</td><td>click me</td>...

JavaScript中的this引用（推荐）

2017年02月06日 33 阅读

thisthis是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。一、定义1、this是函数内部的一个特殊对象（或this引用）--它引用的是函数据以执行的环境对象。2、this引用是一种在JavaScript的代码中随时都可以使用的只读变量。 this引用 引用（指向）的是一个对象，它有着会根据代码上下文语境自动改变其引用对象的特性。它的引用规则如下：•...

浅谈JavaScript中的this指针和引用知识

2017年02月06日 39 阅读

this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。this指针在传统OO语言中,是在类中声明的,表示对象本身.在JavaScript中,this表示当前上下文,即调用者的引用********this永远指向的是（函数对象）的所有者this和全局对象:var a = 1; function foo（）{ var b = 2; console.log（this.a...

在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法

2017年02月06日 37 阅读

最近在使用微信、支付宝、百度钱包实现网页支付，对支付成功将自动关闭页面，对于支付失败，将显示错误信息。当在错误页面的时候，点击返回或者Android物理按键上一步的时候，将关闭页面。在微信、支付宝、百度钱包中，他们对页面关闭进行了封装，传统的window.close（）是无效的，必须要使用它们的js代码才能关闭。下面是三种移动app的关闭方式：WeixinJSBridge.call（"closeWindow"）;//微信 AlipayJSBridge.ca...

jQuery实现定位滚动条位置

2017年02月06日 34 阅读

jQuery实现滚动条滚动到子元素位置（方便定位）关键代码如下所示：<div class="of-y" id="nurse" > <table class="high width" id="nurse-plan"><tr id="tr-one"></tr><tr id="tr-two"></tr><tr id="tr-three"></tr><tr id...

JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

2017年02月06日 37 阅读

在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求，那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。我相信很多朋友像我一样，在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法：首先我们要了解浏览器的history。大家知道在页面中我们可以使用javascript window histo...

JavaScipt选取文档元素的方法（推荐）

2017年02月06日 35 阅读

摘自JavaScript权威指南（jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName（*）获取所有DOM元素，然后根据样式选择器对所有DOM元素进行筛选）选取文档元素的方法：1、通过ID选取元素（getElementById）1）使用方法：document.getElementById（"domId"） 其中，domId为要选取元素的id属性值2）兼容性：低于IE8版本的IE浏览器对getElementById方...

AngularJS在IE下取数据总是缓存问题的解决方法

2017年02月06日 37 阅读

本文实例讲述了AngularJS在IE下取数据总是缓存问题解决方法。分享给大家供大家参考，具体如下：问题：在使用AngularJS发出请求（GET）获取服务端数据，然后再绑定到页面中，你会发现在IE中总是显示原来的数据结果。这时候我们就会知道，IE做了缓存。解决办法：我们可以在AngularJS的配置中通过$httpProvider来设置其不缓存。具体如下所示：ngApp.config（function （$httpProvider） {// Initia...

jquery 点击元素后,滚动条滚动至该元素位置的方法

2017年02月06日 35 阅读

点击元素后，滚动条滚动至该元素位置：$（"a.lead-link"）.bind（"click", function（e） {e.preventDefault（）;$（"html,body"）.animate（{scrollTop: $（this.hash）.offset（）.top - 60}, 1500）;}）;以上这篇jquery 点击元素后,滚动条滚动至该元素位置的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

Angularjs的ng-repeat中去除重复数据的方法

2017年02月06日 34 阅读

本文实例讲述了Angularjs的ng-repeat中去除重复数据的方法。分享给大家供大家参考，具体如下：一、JS：ngApp.filter（"unique", function （） {return function （collection, keyname） {var output = [],keys = [];angular.forEach（collection, function （item） {var key = item[keyname];if...

js实现动态创建的元素绑定事件

2017年02月06日 34 阅读

新创建的元素用传统的办法无法绑定，需要用live方法。例： $（".rule"）.live（"mouseover", function （） { $（this）.addClass（"cancelable"）;以上这篇js实现动态创建的元素绑定事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

js 动态给元素添加、移除事件的实现方法

2017年02月06日 41 阅读

最近项目中要要到 js动态给给元素绑定事件，刚好之前没用到过这些，顺便学习一下，于是google了一下 事件，写了如下两个事件 一个添加事件 ，一个是移除事件/addEventListener（）,removeEventListener（）用于处理指定和删除事件处理程序的操作//作用域:事件处理程序会在其所属元素的作用域内运行//addEventListener（event,function,capture/bubble）;removeEventListe...

如何在JS中实现相互转换XML和JSON

2017年02月06日 37 阅读

开发中有时候会遇到XML和JSON相互转换，要求在JS中使用，网上找了好多，竟然每一个好用的，要么缺胳膊少腿，要么词不达意，太没天理了，果断自己实现一个。JSON与XML的区别比较1.定义介绍（1）.XML定义扩展标记语言 （Extensible Markup Language, XML） ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD（document typ...

plupload+artdialog实现多平台上传文件

2017年02月06日 36 阅读

在没介绍正文之前先给大家介绍下plupload知识plupload简介Plupload是有TinyMCE的开发者开发的，为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件。Plupload 目前分为一个核心API 和一个jQuery上传队列部件，这样使你可以直接使用或是自己定制。plupload特性Plupload使用jQuery的组件做为选择文件和上传文件的队列组件。Plupload使用Flash，Silverlight，HTML5，Gears...

artDialog+plupload实现多文件上传

2017年02月06日 36 阅读

Plupload简介Plupload是有TinyMCE的开发者开发的，为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件。Plupload 目前分为一个核心API 和一个jQuery上传队列部件，这样使你可以直接使用或是自己定制。一、效果展示包括文件上传面板以及文件上传列表二、介绍长话短说，采用spring springMVC mybatis maven mysql，实现多文件上传功能，下载使用的是流的形式。其中涉及的分页我会另开一片博客介绍。三...

使用plupload自定义参数实现多文件上传

2017年02月06日 32 阅读

1、在开发中可能需要用户附件上传的功能，实现批量上传功能其实就将多个上传任务放到一个集合中，分别上传。2，使用plupload js插件可以很轻松的实现带参数的多文件上传3、具体js实现方式<script type="text/javascript">var map={};//文件id为key，文件类型为value的集合// Custom example logicvar uploader = new plupload.Uploader（{ru...