
JavaScript
my98800
这个作者很懒,什么都没留下…
展开
-
使用jsencrypt实现参数的前端加密
在做项目中的登录功能时一般是通过form表单或者ajax方式将参数提交到服务器进行验证,在这个过程中,在前端对登录密码先进行一次加密的话,安全性肯定要优于直接提交的方式。最近在看博客园的登录页面时发现博客园的登录是用ajax发送http请求的方式,并在前端采用了加密,是采用jsencypt在前端进行加密的。后面查阅资料后了解到淘宝、京东也有用jsencypt库对登录密码进行前端加密的操作。jsen转载 2017-07-23 21:30:47 · 954 阅读 · 0 评论 -
ajaxFileUpload+struts2实现多文件上传
现在是一个静态的演示来说明实现的原理: var totalCount=12; //定义数据总数,包括1级2级 //数据结构,是个数组的数组,可以使用开发语言动态产生 dataArray = new Array(); dataArray[0] = new Array("1100","1100","0"); //一级菜单表示为0 dataArray[1] =转载 2016-05-17 08:31:04 · 402 阅读 · 0 评论 -
js获取上一个月、下一个月
/** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期,如:2014-01-25 */ function getPreMonth(date) { var arr = date.split('-'); var year = arr[0]; /转载 2017-08-21 09:05:35 · 5896 阅读 · 0 评论 -
JavaScript的document和window对象详解
[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组()(该属性本身也是一个对象) bgColor 文档的背景颜色转载 2017-08-21 09:12:53 · 279 阅读 · 0 评论 -
如何使用swfobject(中文版)
1.SWFObject是什么?SWFObject 2提供两种优化flash播放器的嵌入方法:基于标记的方法和依赖于js的方法。SWFObject 2提供一个js的API,为嵌入SWF文件和获取Flash播放器的相关信息提供了一个完整的工具箱。只用了一个很小的js文件 (10Kb / GZIPed: 3.9Kb)。是SWFObject 1.5, UFO and the Adobe Fla转载 2017-08-31 09:14:29 · 731 阅读 · 0 评论 -
JavaScript验证页面上动态生成的Radio
script type="text/javascript"> //Form提交前执行验证 document.forms[0].onsubmit=function(){ //获得DIV(ID:div_form_content_show)中所有的对像 var inputs=document.getElementById("div_form_content_转载 2017-10-09 09:02:21 · 1161 阅读 · 0 评论 -
JS组件系列——Bootstrap 树控件使用经验分享
前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项。不管怎么样,树控件都是很多项目里面不可或缺的组件之一。今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,希望能帮大家找到最合适的控件。还是那句话:控件没有最好,只有最合适。一、JQuery树形控件Jquery树形控件转载 2017-11-06 08:43:06 · 487 阅读 · 0 评论 -
JS组件系列——Form表单验证神器: BootstrapValidator
前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https://github.com/nghuu转载 2017-11-06 08:45:49 · 1011 阅读 · 0 评论 -
JS组件系列——开源免费图表组件:Chart.js
前言:最近被开源免费得有点上火了,各种组件首先想到的就是是开源否、是否免费、是否和bootstrap风格一致。想着以后做报表肯定要用到图表组件的,于是在Bootstrap中文网上面找到了Chart.js,总的来说,这个组件不能说最好,但是对于一般不太复杂的报表是够用了。今天就来看看它如何使用吧。一、组件比较以及选用其实说起报表组件,网上一搜一大把,各种让人眼花缭乱的组件,但貌似比较转载 2017-11-06 08:47:39 · 655 阅读 · 0 评论 -
JS组件系列——两种bootstrap multiselect组件大比拼
前言:今天继续来看看bootstrap的另一个组件:multiselect。记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的bootstrap风格,所以在选用select组件的时候优先考虑和bootstrap结合使用的。其中就找到了两个这种组件,大体样式和功能基本相同,经过一番讨论,项目组决定使用davidstutz的boo转载 2017-11-06 08:49:10 · 492 阅读 · 0 评论 -
JS组件系列——Bootstrap文件上传组件:bootstrap fileinput
前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定也有这种常见的上传组件吧。经过一番查找,功夫不负有心人,还是被博主找到了这个转载 2017-11-06 08:50:49 · 1871 阅读 · 0 评论 -
JS组件系列——封装自己的JS组件,你也可以
前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件,我们该如何去做呢,别急,我们慢慢来看看过程。一、扩展已经存在的组件1、需求背景很多时候,我们使用jquery转载 2017-11-06 08:52:08 · 419 阅读 · 0 评论 -
一些常用的JS方法
[javascript] view plain copy/全选取消按钮函数 function checkAll(chkobj) { if ($(chkobj).text() == "全选") { $(chkobj).children("span").text("取消"); $(".checkall in转载 2017-11-22 08:52:11 · 345 阅读 · 0 评论 -
javascript实现tab切换效果
这个功能是很久之前实现的,现在发上来,很长一段时间没更新博客了,真惭愧。这个JS代码还有很多修改的空间,先发上来,以后再发个更新的版本吧。这是效果图:【HTML代码】12345678910111213141516转载 2017-11-27 10:21:05 · 1537 阅读 · 0 评论 -
JavaScript 图片上传预览效果
图片上传预览是一种在图片上传之前对图片进行本地预览的技术。使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。但在opera、safari和chrome还是没有办法实转载 2018-01-17 09:58:40 · 400 阅读 · 0 评论 -
Lazyload 延迟加载效果
Lazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏览速度的目的。网上也有不少类似的效果,这个Lazyload主要特点是:支持使用window(窗口)或元素作为容器对象;对静态(位置大小不变)元素做了大量的优化;支持垂直、水平或同时两个方向的延迟。 由于内容比较多,下一篇再介绍图片延迟加载效果。 兼容:ie6/7/8, firefox 3.5.5, opera转载 2018-01-17 10:01:37 · 598 阅读 · 0 评论 -
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
这篇文章主要介绍了JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法,涉及javascript针对时间与日期操作的相关技巧,需要的朋友可以参考下本文实例讲述了JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法。分享给大家供大家参考,具体如下:直接上例子,如下所示:onload = function () {转载 2018-01-09 09:35:29 · 492 阅读 · 0 评论 -
自定义javascript日历控件
Web页中的日历一般离不开表格,通常都使用表格装载指定月的日期等信息。所以,要编写JS日历,首先必须解决的问题是表格的行与列问题。列是固定的,七列,因为一周有七天。行需要动态计算,因为,每一个月的第一天是星期几是一个变数,因而第一天在表格中的第几个单元也就跟着变化,同时,每个月的总天数不一致也影响着各个月对表格行数的需要量。一. 表格的行数问题1.首先取得处理月的总天数JS不提供此转载 2017-08-08 07:45:25 · 1589 阅读 · 0 评论 -
uploadifive 改进版 用于HTML5手机网站上传图片
[javascript] view plain copy /* UploadiFive 1.1.2 Copyright (c) 2012 Reactive Apps, Ronnie Garcia Released under the UploadiFive Standard License */ (function(b) { v转载 2017-04-17 08:39:12 · 2826 阅读 · 0 评论 -
JavaScript、jQuery与Ajax的关系
本文就试图从技术水平、易用性、稳定性、发展前景等对Visual C++和C++Builder(Delphi)这两个重量级开发工具进行比较分析。 由于Delphi与C++Builder同为Inprise公司产品,共享集成开发界面(IDE),而且使用同一套VCL框架(这一点最关键),它们带的调试器、PVCS/TeamSource团队开发支持、数据库引擎及企业版中集转载 2016-03-04 09:02:31 · 802 阅读 · 0 评论 -
完美解决动态二级下拉菜单联动问题
现在是一个静态的演示来说明实现的原理: var totalCount=12; //定义数据总数,包括1级2级 //数据结构,是个数组的数组,可以使用开发语言动态产生 dataArray = new Array(); dataArray[0] = new Array("1100","1100","0"); //一级菜单表示为0 dataArray[1] =转载 2016-04-07 08:12:23 · 7189 阅读 · 0 评论 -
简单JS代码压缩器
1、复制代码代码如下: - From: http://www.iecn.net/bbs/view/105499.html - IECN.NET 2006-09-22 --> type="text/javascript"> //去除所有的注释 String.prototype.DeleteComment = function ()转载 2016-03-28 09:39:40 · 379 阅读 · 0 评论 -
JavaScript 时间脚本收集
正常时间显示 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]固定位置的时钟 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]背景时钟 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]文本框里的时钟 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]按钮时钟 [Ctrl+A 全部选择 提示:你可先转载 2016-09-12 09:31:33 · 262 阅读 · 0 评论 -
JavaScript 之 XML DOM 对象
javacript中对xml dom的支持,与其他任何特性一样面临着浏览器兼容问题。一 IE中的XML DOM1.微软通过ActiveX的MSXML库提供了支持,通过: var oXmlDom = new ActiveXObject("MSXML2.DOMDocument.5.0")得到一个XML DOM对象,这是在IE6中的,如果你的IE是更老版本的,可以使用下面的函数得到,如果转载 2016-08-22 08:44:56 · 272 阅读 · 0 评论 -
使用JavaScript+XML实现分页
基于web的技术中,分页是一个老的不能再老的,但大家津津乐道的问题,随着xml技术的日渐应用,把xml应用到分页当中,也是一种可能,当然网上的教程很多,当我都是看得稀里糊涂,索性自己写一个,与大家分享、指正。共有两个文件tmh.htm & tt.xml源代码如下:tmh.htm___________________________________________________转载 2016-09-14 08:03:37 · 782 阅读 · 0 评论 -
JavaScript 读取XML文件进行广告播放
hxml文件 images/dvd.jpg http://www.sina.com 新浪网 images/gdpic.jpg http://www.qq.com 腾讯 html文件转载 2016-09-26 09:07:30 · 264 阅读 · 0 评论 -
JavaScript 读取XML 数据
首先:xml文件(tree.xml)内容如下: 山东省 _blank 省份 威海市 _blank 城市 烟台市 _blank 城市转载 2016-09-26 09:08:10 · 274 阅读 · 0 评论 -
JasSipt之XML DOM对象
JavaSript中对XML DOM的支持,与其他任何特性一样面临着浏览器兼容问题。一 IE中的XML DOM1.微软通过ActiveX的MSXML库提供了支持,通过: var oXmlDom = new ActiveXObject("MSXML2.DOMDocument.5.0")得到一个XML DOM对象,这是在IE6中的,如果你的IE是更老版本的,可以使用下面的函数得到,如果转载 2016-09-26 09:08:54 · 294 阅读 · 0 评论 -
兼容各大浏览器JS读取XML文件方法
[javascript] view plain copy print?function LoadXMLFile(xmlFile) { var xmlDom = null; if (window.ActiveXObject) { xmlDom = new Ac转载 2016-10-27 11:59:50 · 1253 阅读 · 0 评论 -
JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。转载 2016-11-08 09:22:07 · 213 阅读 · 0 评论 -
根据JSON数据,自动生成Table
jquery扩展根据JSON数据,自动生成简单的Html Table. 因为项目要求,所以写了这个示例.顺便放到博客上来!jQuery.fn.MakeTable = function (objColumn, objData, objClassName, RowClick) { //样式 $(this).att转载 2016-11-08 09:22:59 · 3162 阅读 · 0 评论 -
javascript检测浏览器的缩放状态实现代码
这里所说的缩放不是指浏览器大小的缩放,而是指浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放)。检测这种缩放有很种方法,QQ空间都通过flash来检测浏览器是否处于缩放。这里提供javascript的方法来检测浏览器的缩放。对于 IE6,就直接无视了,因为 IE6 只能对文本进行缩放。先来说说浏览器提供的标准检测接口,window.devicePixelRatio 是设备转载 2016-11-25 08:19:43 · 1230 阅读 · 0 评论 -
使用JavaScript选择GridView行的方法汇总(Select row of GridView by JavaScript)
先说说我的方法吧,不是最好的,却是代码量最少的 一行:e.Row.Attributes["onclick"] = ClientScript.GetPostBackClientHyperlink(this.gvUsers, "select$" + e.Row.RowIndex); 呵呵有点夸张了,具体做法是在GridView的RowDataBound事件里写这转载 2017-01-05 08:38:36 · 539 阅读 · 0 评论 -
如何把 XML 文件显示为 HTML 表格
var xmlhttp;function loadXMLDoc(url){xmlhttp=null;if (window.XMLHttpRequest){// code for IE7, Firefox, Mozilla, etc.xmlhttp=new XMLHttpRequest();}else if (window.ActiveXObject){//转载 2017-02-10 08:25:21 · 3896 阅读 · 0 评论 -
iframe自适应高度和宽度 全css实现无javascript
菜单管理> 这里是左侧菜单栏,菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏>> height:100%;width:1转载 2017-03-08 16:48:34 · 338 阅读 · 0 评论 -
input、textarea、div(contenteditable=true)光标定位到最后
1、针对input、textarea //定位input、textarea function po_Last(obj) { obj.focus();//解决ff不获取焦点无法定位问题 if (window.getSelection) {//ie11 10 9 ff safari转载 2017-03-21 15:10:58 · 6372 阅读 · 0 评论 -
【精心推荐】几款极好的 JavaScript 文件上传插件
文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传、拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。您可能感兴趣的相关文章精心挑选12款优秀 jQuery Ajax 分页插件几款优秀的 JavaScript 表单美化和验证插件经验分享:10个简单实用的 jQue...转载 2018-03-27 08:48:33 · 358 阅读 · 0 评论