Js
关注
分享
扫一扫
文章平均质量分 75
zzc1684
这个作者很懒，什么都没留下…
展开
-
js判断移动端是否安装某款app的多种方法
第一种方法： 一:判断是那种设备var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端二：安卓设备：原理：判断...原创 2016-03-28 11:45:15 · 418 阅读 · 0 评论 -
一款由jQuery实现的手风琴式相册图片展开效果
之前我们有分享过很多jQuery手风琴样式的菜单，比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别，它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片，并将其他的图片收缩起来。 在线预览 源码下载实现的代码html代码：<article id="home"> <header> ...原创 2014-10-28 10:54:54 · 249 阅读 · 0 评论 -
js 和 jquery 获取页面和滚动条的高度
js 和 jquery 获取页面和滚动条的高度 //页面位置及窗口大小function GetPageSize() {var scrW, scrH; if(window.innerHeight && window.scrollMaxY) { // Mozilla scrW = window.innerWidth + window.s...原创 2014-10-27 18:48:48 · 142 阅读 · 0 评论 -
javascript 获取滚动条高度+常用js页面宽度与高度
javascript 获取滚动条高度+常用js页面宽度与高度/ ******************** * 取窗口滚动条高度 ****************** /function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.doc...原创 2014-10-27 18:46:29 · 411 阅读 · 0 评论 -
5 款最新的 jQuery 图片裁剪插件
这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件，可以帮助你轻松的实现你网站需要的图像裁剪功能。CropitCropit 是一个 jQuery 插件，支持图像裁剪和缩放功能。Cropit 通过 FileReader 进行本地图片加载，然后使用 canvas 来进行裁剪。croppiccroppic 是图像裁剪的 jQuery 插件，可以满足你的要求，并且有许多...原创 2015-11-23 23:58:20 · 249 阅读 · 0 评论 -
jquery file upload 后台收到的文件名中文乱码， filename中文乱码
本周用jquery file upload做上传文件的功能，后台会接受文件，并且截取文件名作为字符存入数据库。基本功能实现时候，试了几个文件，发现如果文件名如果没有中文就OK，如果文件名带中文的话，后台收到的就是中文乱码，怎么去解码都没用。例如，上传的文件叫做“昕锐配置表.xls”，但是到后台收到的却是 “鏄曢攼閰嶇疆琛?xls” ，如下图：似乎也不是解码能解决的问题。于是...原创 2014-10-19 09:01:19 · 860 阅读 · 0 评论 -
jquery中文乱码的多种解决方法
1、使用$.ajax出现的中文乱码的解决方案： 复制代码 代码如下:var _realname = $("input[name='_searchName']").val(); var termcourseId = '<%=termid%>'; var classId = '<%=classid%>'; var url = "/ad...原创 2014-10-19 09:01:01 · 890 阅读 · 0 评论 -
Window.ShowModalDialog使用详解 模态对话框
Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来...原创 2014-04-29 11:02:37 · 306 阅读 · 0 评论 -
window.open() 获取返回值
1. 主页main.html<html><head></head><script language="javascript" type="">function show(){ var x=(window.screen.width-200)/2; var y=(window.screen.height-200)/2; var ...原创 2014-04-29 10:35:00 · 4466 阅读 · 0 评论 -
Javascript事件模型系列（四）我所理解的javascript自定义事件
被我拖延了将近一个月的javascript事件模型系 列终于迎来了第四篇，也是我计划中的最后一篇，说来太惭愧了，本来计划一到两个星期写完的，谁知中间遇到了很多事情，公司的个人的，搞的自己心烦意乱浮躁 了一段时间，好在最近这些事情都一件件趋于平息，我也有了精力继续写文章。 这个自定义事件其实是挺让我纠结的，首先自己平时从未使用过，只是有一次遇到一个问题有人指点说可以用自定义事件，才对这...原创 2014-04-28 23:52:39 · 283 阅读 · 0 评论 -
jQuery on()方法
jQuery on()方法是官方推荐的绑定事件的一个方法。$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind() $("p").bind("click",function(){ alert("The paragraph was clicked."); }...原创 2014-04-28 23:49:38 · 131 阅读 · 0 评论 -
漫谈js自定义事件、DOM/伪DOM自定义事件
本文地址：http://www.zhangxinxu.com/wordpress/?p=2330 一、说明、引言我JS还是比较薄弱的，本文的内容属于边学边想边折腾的碎碎念，可能没什么条理，可能有表述不准确的地方，可能内容比较拗口生僻。如果您时间紧迫，或者JS造诣已深，至此您就可以点击右侧广告（木有？则RSS或盗版）然后撤了。事件是个大课题，真要从断奶开始讲起的话，可以写个12...原创 2014-04-28 14:36:56 · 226 阅读 · 0 评论 -
JQuery上传插件Uploadify使用详解
Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中...原创 2015-08-24 13:01:53 · 142 阅读 · 0 评论 -
一款基于jquery滑动后固定于顶部的导航
今天分享一款基于jquery滑动后固定于顶部的导航。这款导航的特点是初始位于顶部下面一百个像素，当鼠标滚动时到下方，导航一直处于顶部。效果图如下：在线预览 源码下载实现的代码。html代码：<h1> Scroll down</h1> <h2> And watch the menu b...原创 2014-10-28 11:34:44 · 149 阅读 · 0 评论 -
javascript上传图片前预览图片兼容大多数浏览器
上传图片前预览图片这种效果应用比较广泛，实现的方也大同小异，下面为大家介绍下，在javascript中是如何实现的，感兴趣的朋友可以参考下 <div id="localImag"><img id="preview" width="-1" height="-1" style="display:none" /></div&原创 2015-12-08 21:45:21 · 164 阅读 · 0 评论 -
FileReader：读取本地图片文件并显示
查看演示要想在页面上显示本地图片，以前我们通常的做法是将选择的图片文件上传至后端服务器，后端对其进行存储，再将图片的URL返 回到前端，前端通过这个URL来显示图片。而HTML5的FileReader接口支持本地预览，FileReader接口主要是将文件读入内存，并提供 相应的方法，来读取文件中的数据，当然就能显示本地图片不需上传了。目前高级浏览器实现了FileReader接...原创 2015-12-08 21:47:10 · 3058 阅读 · 0 评论 -
jQuery Easing 动画效果扩展
jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果，而今天我给大家分享的是一款jQuery动画效果扩展增强插件jquery.easing.js，使用该插件可以实现直线匀速运功、变加速运动、缓冲等丰富的动画效果。查看演示 下载源码jQuery Easing是一款比较老的jQuery插件，在很多网站都有应用，尤其是在一些页面滚动、幻灯片切换等场景应用比较多...原创 2016-02-23 19:02:42 · 151 阅读 · 0 评论 -
jQuery全屏滚动插件FullPage.js中文帮助文档API
七牛最近改版了网站，弄成全屏滚动的特效，真的很炫，于是查看其源代码，发现了一个fullPage.js插件，于是百度了一下，还就是这个插件的作用，其实有很多网站都做了全屏滚动的特效，效果也很好看，今天就给大家说说fullPage.js的使用方法和设置。简介fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站。主要功能...原创 2016-02-23 18:58:58 · 204 阅读 · 0 评论 -
使用scrollIntoView方法解决抛锚定位时网页往上跳的问题
一直都是使用抛锚location.href = "page.htm#anchor";在页面定位位置，但是经常会出现在抛锚定位时页面整体往上跳的问题，每一次都是怀疑页面div+css闹出来的问题，折腾来折腾去依然是无法解决。在网上查了一下，终于找到一个替代方案，就是使用scrollIntoView方法：语法：object.scrollIntoView( [bAlignToTop])...原创 2016-02-16 18:04:00 · 2350 阅读 · 0 评论 -
兼容IE6/IE7/IE8/IE9/Firefox/Chrome/Safari/Oprea浏览器的浮动代码
<!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>&原创 2016-01-20 15:12:44 · 189 阅读 · 0 评论 -
CSS3background-size背景图片尺寸属性
前言好了第二天更新background-size，那么就更新，小文章一篇，希望大家一起提高。background-size 可以设置背景图片的大小，数值包括 长度length和百分比percentage。 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围。那么下面我们一起来了解这个background-size属性吧。background-siz...原创 2016-01-16 15:13:09 · 351 阅读 · 0 评论 -
CSS中margin边界叠加问题及解决方案
本文向大家描述一下CSS的margin边界叠加问题，边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。 你对CSS的margin边界叠加的概念是否了解，这里和大家分享一下，当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加。CSS的margin边界叠加深度剖析边界叠加简介边界叠加是一个相当简单的概念。但...原创 2016-01-13 12:11:25 · 172 阅读 · 0 评论 -
js获取网页高度和宽度
jquery获取：//整个网页高度alert($(document).height());//当前可见网页高度alert($(window).height()); controlSize = Math.ceil($(document).height() / $(window).height());//向上取整controlSize = Math.floor($(documen...原创 2016-01-13 09:31:04 · 171 阅读 · 0 评论 -
级联下拉列表绑定 地区JS文件
在 我们的项目中，假如，我们要记录用户的家乡或现在所在地（包话省、市、区等），我们可能会在数据库中建立一个地区表，然后在用户表的相应字段中，存入地区 码，我们读取的时候，增加了查询次数， 还有我们前台页面的下拉列表中要绑定所有的省、市、区等，特别是级联的时候，我们要重执行多次查询。那么，今天我给大家分享一个我平时使用的JS地区表的 方法。先贴个图，有图有真像：<html&...原创 2016-01-04 10:07:00 · 291 阅读 · 0 评论 -
js 页面刷新location.reload和location.replace的区别小结
在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。下面有一些相关的内容，大家看完了就会有更多的收获。 首先介绍两个方法的语法： reload 方法，该方法强迫浏览器刷新当前页面。 语法： location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，...原创 2014-11-19 01:20:13 · 178 阅读 · 0 评论 -
js判断手机访问跳转到手机站
第一种方法：<script> if(navigator.platform.indexOf('Win32')!=-1){ //pc //window.location.href="电脑网址"; }else{ //shouji window.location.href="...原创 2014-11-16 08:52:40 · 343 阅读 · 0 评论 -
JS 对图片base64编码字符串进行解码并输出图像
<!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>..原创 2015-12-09 15:51:08 · 2123 阅读 · 0 评论 -
使用 html5 FileReader 获取图片, 并异步上传到服务器 (不使用 iframe)
原理：1.使用FileReader 读取图片的base64编码2.使用ajax，把图片的base64编码post到服务器。3.根据接收到post的数据分析图片的类型(jpg,gif,png)，并把base64_decode后的数据生成对应类型的图片文件。 <!DOCTYPE HTML PUBLIC> <html> ...原创 2015-12-08 21:49:58 · 199 阅读 · 0 评论 -
JavaScript 闭包究竟是什么
用JavaScript一年多了，闭包总是让人二丈和尚摸不着头脑。陆陆续续接触了一些 闭包的知识，也犯过几次因为不理解闭包导致的错误，一年多了资料也看了一些，但还是不是非常明白，最近偶然看了一下 jQuery基础教程 的附录，发现附录A对JavaScript的闭包的介绍简单易懂，于是借花献佛总结一下。 1.简单的例子首先从一个经典错误谈起，页面上有若干个div， 我们想给它们绑定一...原创 2015-08-11 17:39:05 · 104 阅读 · 0 评论 -
了解了这些才能开始发挥jQuery的威力
由于当前jQuery如此的如雷贯耳，相信不用介绍什么是jQuery了，公司代码中广 泛应用了jQuery，但我在看一些小朋友的代码时发现一个问题，小朋友们使用的仅仅是jQuery的皮毛，只是使用id选择器与attr方法，还有几个 动画，如果只是如此，相比于其带来的开销，其实还不如不使用，下面介绍几个jQuery常用的方法，来让jQuery的威力发挥出来，否则只用有限的几个 方法，相对于运行速...原创 2015-08-11 17:38:07 · 126 阅读 · 0 评论 -
JavaScript面向对象
理解对象对象这个词如雷贯耳，同样出名的一句话：XXX语言中一切皆为对象！对象究竟是什么？什么叫面向对象编程？对象（object），台湾译作物件，是面向对象（Object Oriented）中的术语，既表示客观世界问题空间（Namespace）中的某个具体的事物，又表示软件系统解空间中的基本元素。在软件系统中，对象具有唯一的标识符，对象包括属性（Propertie...原创 2015-08-11 17:36:41 · 128 阅读 · 0 评论 -
easyui datagrid 大数据加载效率慢，优化解决方法
在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了，加载2000条数据就另人崩溃用时差不多60 秒，就算在google浏览器测试结果也快不了几秒。 平时听闻easyui datagrid效率底下，自己测试才发现真是使人无法忍受。 笔者只好百度，google解决方法，发现一篇文章说改 //1.3.3版本是这样的，其它版本也是这句...原创 2014-12-20 10:06:16 · 825 阅读 · 0 评论 -
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)
<!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" lang="gb2312"> &原创 2014-12-19 19:54:53 · 140 阅读 · 0 评论 -
js的replaceAll()
js中没有java中的replaceAll()函数,为了达到与java的replaceAll()一样的效果,我们可以用如下代码实现: String.prototype.replaceAll = function(s1,s2) { return this.replace(new RegExp(s1,"gm"),s2); }调用方式:如想替换字符串"aa bb cc"中的所有空格,可以...原创 2014-01-13 10:51:54 · 103 阅读 · 0 评论 -
Js简单判断四则运算是否可用
function test(s){ try{ return !isNaN(eval("("+s+")")); }catch(e){ return false; }}alert(test("1+6*(2+(3-1)/1+(9-5*1))"));//---------...原创 2014-01-13 10:04:16 · 978 阅读 · 0 评论 -
util-events.js
/** * util-events.js - The minimal events support */ var events = data.events = {} // Bind eventseajs.on = function(name, callback) { var list = events[name] || (events[name] = ...原创 2014-05-15 09:49:39 · 231 阅读 · 0 评论 -
javascript自定义事件(event)
曾经有次在一个jQuery交流群里，有人问，能不能自定义事件，然后监听事件，比如监听一个变量的变化，当时我屁颠屁颠的给别人说，这个不大可 能。现在正是为我当时的无知和逞能感到羞耻，以后再也不轻易的否定一个事情，除非我有完全的理由否定，自己不知道，不是否定的理由.下面我就来实现那次别人说到的自定义事件，监听某个变量的变化：标准浏览器（firefox,chrome,safari,opera...原创 2014-05-15 09:49:20 · 251 阅读 · 0 评论 -
用 JavaScript 实现变速回到顶部
一般网页的下方都会放置一个置顶按钮, 尤其是页面底部没有导航的网页, 这样可以帮助访客重新找到导航或者重温一遍广告 (想得真美). 随着近几年来 JavaScript 的应用日渐广泛, 滑动效果无处不在, 于是我也跟跟风, 将置顶功能做成了滑动效果. 后来为了更贴合物理特征, 改造做成了减速的滑动效果. 首先说一下原理吧. 我们会获取滚动条到页面顶部的距离, 然后上移一定的距离; 再获取滚动条...原创 2012-04-21 12:27:54 · 106 阅读 · 0 评论 -
Js实现Ctrl+S/Ctrl+N/Ctrl+Z提交/撤销/新建/附:Keycode常数表
<script language="javascript">//Ctrl+s保存function document.onkeydown() { if (event.ctrlKey == true && event.keyCode == 83) {//Ctrl+S event.returnvalue = false; $("bt...原创 2013-04-25 17:54:44 · 522 阅读 · 0 评论 -
js只能输入数字和小数点
JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输小数点.<input onkeyup="...原创 2011-12-14 13:18:43 · 92 阅读 · 0 评论