JS
关注
分享
扫一扫
文章平均质量分 73
wjiaoling136
这个作者很懒，什么都没留下…
展开
-
解决SWFUpload上传控件在非IE浏览器下不好用的问题
解决SWFUpload上传控件在非IE浏览器下不好用的问题，主要是两点：一点是请求路径，一点是网上说的session的问题。 第一：路径问题SWFUploa控件的upload_url必须是绝对路径。如我的项目链接为：http://127.0.0.1:8080/TestWeb，进行文件上传的servlet为uploadServlet，那么upload_url就必须为：http://...原创 2017-03-10 18:40:30 · 788 阅读 · 0 评论 -
JS点击空白区域时关闭弹出层
写代码的时候经常会碰到点击某个按钮弹出一个框，点击除了按钮的其他部分时隐藏框，隐藏框的时候可能什么都不用做，可能要做一些什么。下面拿两个例子分别来说。 一、登录框。没登陆之前，点击需要登录才能用的应用时，一点击就会弹出层登陆框让登陆，若不登录点击登陆框之外的区域登录框消失。这种情况有一个很大的特点：点击空白区域时除了隐藏登陆框别的什么都不用做，此时可以考虑使用遮罩层。因为：遮罩层...原创 2016-10-31 18:50:04 · 2016 阅读 · 0 评论 -
使用window.location.href进行向前向后跳转
因为对代码里面的相对路径有点晕，每次使用window.location.href进行页面跳转的时候，每次都要测试一下，看看这样子写到底跳转到哪里去了。今天又碰到了，想到每次都要试，不如这次试个全的，以后都不用试了。就琢磨了下，这里做个记录。 说明：1、项目名称:TestWeb;2、首页:index.jsp，在webRoot根目录下3、webRoot/page目录下，有test...原创 2016-10-28 17:26:54 · 2176 阅读 · 0 评论 -
利用window.open实现post方式的传递参数
基本业务是这样子的：根据给定的用户名和密码，加密后生成二维码然后打印出来。看似简单的一句话，存在两个大问题：1、打印功能时不能指定打印区域的，要打印只能打印整个页面，不可能只打印二维码所在的小片区域。那么只能重新开一个窗口，然后单独打印这一个窗口；2、重新打开窗口时需要带参数，而且参数必须是隐藏的。window.open()默认带参数的方法是在url中直接添加参数，这样子参数信息就会暴...原创 2016-10-27 13:52:04 · 9038 阅读 · 0 评论 -
JS键盘键值
每次写“JS监测某个键的动作”的功能时总要百度下它的键值，写的次数多了就觉得挺麻烦的，这里弄个汇总，汇总一下常用键盘结构各个键的键值。序号键值对应于键盘键说明 功能键 127Esc退出键28BackSpace退格键...原创 2016-10-26 15:24:36 · 560 阅读 · 0 评论 -
base64加密解密-java版和js版
一、Base64简介：Base64编码要求把3个8位字节（3*8=24）转化为4个6位的字节（4*6=24），之后在6位的前面补两个0，形成8位一个字节的形式。 如果剩下的字符不足3个字节，则用0填充，输出字符使用‘=’，因此编码后输出的文本末尾可能会出现1或2个‘=’。为了保证所输出的编码位可读字符，Base64制定了一个编码表，以便进行统一转换。编码表的大小为2^6=64，这也是Bas...原创 2016-09-05 18:09:06 · 1520 阅读 · 0 评论 -
纯JS写的多select控件同步
最近弄一功能，挺简单的，就是有多个select控件，内容相同，其中一个有变化时，其他的跟着变化。具体代码如下：<body> <select id="select1" type="1" onchange="addSelectEvent('1')"> <option value="甲班">甲班</option&g原创 2015-10-19 17:17:00 · 274 阅读 · 0 评论 -
用Java和js判断文件类型
九月份弄了很多东西，真正总结和可供借鉴的其实并不多，今天终于抽空来处理一下了。1、根据文件类型设置缩略图（java版）/** * 该方法用来判断文件类型，并返回image标签字符串 * @param fileId:文件序号 * @param fileName:文件名称 * @param filePath:文件路径 * */private String getIm...原创 2015-10-09 18:13:04 · 175 阅读 · 0 评论 -
小积累（四）
1、打印时不弹出“确认框“，使用默认打印机直接打印：主要是修改两个地方：a、factory.printing.Print(false);//无确认打印，true时打印前需进行确认b、将打印功能所在项目的网址添加到浏览器的”可信任站点“中。如此之后，第一次打印可能会弹出框让选择打印机，选择之后，以后都不会再弹框。 2、模拟点击file控件进行文件下载报错：file控...原创 2016-07-27 14:44:48 · 109 阅读 · 0 评论 -
日历控件
该日历选择控件由tiannet根据前人经验完善而得。大部分代码来自meizz的日历控件。 上面那句话是所使用的riqi.js中声明的，因为找不到类似于转载链接一样的URL，只能原封不动的声明了。 这个日历控件，是在源文件的基础上改进的，至于源文件哪有，长什么样，我实在是不知道。另外，这个控件只能用于平面展示日期及加载每月哪天有数据之外，不提供选择数据的动能。OK，废话到此为止，...原创 2015-08-31 12:21:22 · 288 阅读 · 0 评论 -
JSON.stringify()报错：JSON未定义
JSON.stringify(object)方法是将object对象转化成JSON对象，具体用法可以参考：http://www.cnblogs.com/ningvsban/p/3660654.html 用这个方法时因为浏览器的差异，可能会报错：JSON未定义。具体解决办法，可以通过引用json2.js来解决。链接：https://github.com/douglascrockfo...原创 2015-08-19 13:17:15 · 5505 阅读 · 0 评论 -
使用JS自动从服务器端下载文件到本地
1、文件下载页面用来显示要下载的文件数量和大小，以及总文件大小。数据展示这里就不贴了，就贴后面需要用到的三个弹出层吧：遮罩层、文件下载提示框、下载完成弹出框。<!-- 遮罩层 --><div id="zhegai" style="display:none;width:100%;height: 100%;top:0px;left:0px;position:absolute...原创 2016-07-18 13:55:53 · 4051 阅读 · 0 评论 -
创建ActiveXObject ADODB.Stream时报错：automation服务器不能创建对象
先说句废话：通过解决“automation服务器不能创建”这个问题，总算是见识到了什么叫做“网上文章一大抄，看你会抄不会抄”了，各种解决方案，但都大同小异，且能用的很少，且大部分都是抄抄抄的，有真知灼见的很少。个人为这个问题也折腾了一整天，认为网上比较有用的方法主要有以下三种：第一种、 new ActiveXObject("ADODB.Stream")中的ADODB写错了，写成了别的譬如ab...原创 2016-07-04 18:03:43 · 2257 阅读 · 3 评论 -
转：JavaScript中的ActiveXObject控制Excel的方法
转载链接：JavaScript中的ActiveXObject控制Excel的方法 一、使用JavaScript中的ActiveXObject填充并设置Excel格式//1.创建实例并创建工作表var XLObj = new ActiveXObject("Excel.Application");//创建Excel实例var xlBook = XLObj.Workbooks.A...原创 2015-11-24 17:14:59 · 394 阅读 · 0 评论 -
ActiveXObject操作Excel中的Interior.ColorIndex属性值
1、设置Excel的背景色：ExcelSheet.ActiveSheet.Cells(row,col).Interior.ColorIndex=34;//将背景色设置为浅绿色的眼睛保护色以上代码用来设置Excel的背景色，其他颜色值如图： 2、设置Excel的边框：ExcelSheet.ActiveSheet.Cells(row,col).Borders.Weight=2;...原创 2015-11-24 17:32:23 · 1143 阅读 · 0 评论 -
JS中的replace和replaceAll
1、JS中的replace：replace功能很简单，就是用来替换，其语法结构如下：stringObj.replace(rgExp, replaceText)stringObj：必选项。要执行该替换的 String 对象或字符串文字。该字符串不会被 replace 方法修改。rgExp：必选项。为包含正则表达式模式或可用标志的正则表达式对象。也可以是 String 对象或文字。如果 ...原创 2016-11-09 16:20:44 · 1030 阅读 · 0 评论 -
转：JS-正斜杠和反斜杠的转换
转载链接：https://www.cnblogs.com/zqn518/p/6707415.html 将正斜杠转换成反斜杠：var url = "http://localhost:64177/Home/AccordionIndex";url = url .replace("\/\/", "\\\\");url = url .replace("\/", "\\");url = ur...原创 2018-01-11 12:08:07 · 2123 阅读 · 0 评论 -
图片预加载学习(三)：无序加载之图片切换
先来张效果图：基本业务：点击“表情”字样或“图标”时显示“表情加载中，请稍后...” 的提示信息，等所有的表情都加载完成了再显示出来。 接下来还是那几句： 这个特效是跟着慕课网上的视频学的，视频链接如下：https://www.imooc.com/learn/502源码和技术点已经上传到附件，有需要的可以查看、下载。 下面直接上代码（PS：代码中的注释是根据个人...原创 2017-11-27 15:03:23 · 246 阅读 · 0 评论 -
图片预加载学习(一)：无序加载之图片切换
先来个基本效果的图：图片是百度上瞎搜的，大家凑合看。然后说说节本业务：打开页面时显示一个进度条，是“所有图片加载的进度信息”，等所有的图片都加载完成了再开始显示上图的效果。 再然后还是那几句：这个特效是跟着慕课网上的视频学的，视频链接如下：https://www.imooc.com/learn/502源码和技术点已经上传到附件，有需要的可以查看、下载。下面直接上代码（PS：代码...原创 2017-11-27 15:02:02 · 281 阅读 · 0 评论 -
图片预加载学习(二)：有序加载之图片切换
基本效果同前一篇，业务有所变化：前一篇是先显示进度条待所有的图片加载完成了再显示图片，这一篇是先显示第一张图片然后依次加载其他图片（比较适合于有内容的图片，人在看第一张图片时程序默默的加载后面的图片） 然后还是那几句：这个特效是跟着慕课网上的视频学的，视频链接如下：https://www.imooc.com/learn/502源码和技术点已经上传到附件，有需要的可以查看、下载。...原创 2017-11-27 14:56:17 · 432 阅读 · 0 评论 -
用JS实现放大镜特效
先来张效果图： 这个特效是跟着慕课网上的视频学的，视频链接如下：https://www.imooc.com/learn/32源码和技术点已经上传到附件，有需要的可以查看、下载。下面直接上代码（PS：代码中的注释是根据个人理解添加的，并不是老师原有的注释）：页面结构：<div id="demo"> <!--左侧小图片区域--> <...原创 2017-11-24 11:12:08 · 206 阅读 · 0 评论 -
批量打印之jquery局部打印和smsx.cab打印联合使用
前面之所以讲Jquery的打印和smsx.cab打印，是因为最近用的项目里边需要把两个都结合起来才能实现效果。 基本业务是这样子的：同时打印多个人的简历，要求每个人的打5份，自动打印，且有进度条显示。 为什么需要用到两种打印方式：既然是自动打印就不能弹出打印机选择框那么只能是smsx.cab，而使用smsx.cab打印时就需要将进度条信息隐藏起来否则进度条也会被打印进去。所以...原创 2017-10-12 11:40:01 · 360 阅读 · 0 评论 -
批量打印之smsx.cab打印
smsx.cab插件实现打印的依赖的是ActiveX控件，所以缺点很明显：页面得允许运行ActiveX控件，而ActiveX控件只有IE支持，所以局限性很强。 页面基本结构：<div id="floatDiv" align="right"> <input style="color: #fff; font-size: 16px" onclick="printT...原创 2017-10-12 10:49:45 · 731 阅读 · 0 评论 -
批量打印之jquery局部打印
上个月弄了个批量打印的功能，觉得以后可能用得着，就写个博客记一下，免得忘记了。说这个之前，先来说一下我用过的两个打印插件，一个是Jquery打印插件（这次开始用的），一个是smsx.cab控件的打印插件。这里先说jQuery的局部打印功能（个人觉得jqprint和PrintArea就打印功能这块大同小异，所以就说简单点的PrintArea） 1、导Jquery库：想用Jquery的功能...原创 2017-10-12 10:49:20 · 2349 阅读 · 0 评论 -
打BOSS倒计时小程序之列表排序
列表排序直接用的这篇作者分享的排序插件：http://www.cnblogs.com/robot/archive/2008/04/20/1161801.html,插件真的写的很好，用起来很简单，效果也好。源码如下：//Author : 狼Robot//Contact : robot@k2046.cn//Date : 2008-04-19//E...原创 2017-10-11 12:18:50 · 1337 阅读 · 0 评论 -
打BOSS倒计时小程序之在页面上将文字合成语音并播放出来
页面的基本结构和效果可以参考前面的，链接：http://1017401036.iteye.com/blog/2395817 基本业务：倒计时功能启动后，若剩下的时间小于或等于系统设定的提醒时长，系统会自动将该项倒计时时间加粗、标红显示，且往前排，同时进行语音提示。这里主要贴语音提示的功能。 参考链接：https://my.oschina.net/chwencong/blog/77...原创 2017-10-11 11:12:40 · 265 阅读 · 0 评论 -
打BOSS倒计时小程序之一个页面多个计时器并存
接着上一篇的操作xml，这一篇写多个计时器并存。基本业务：点击某行的启动按钮时启动这行的计时器开始倒计时，点击停止时停止计时器停止倒计时。点击“一键启动”将启动勾选游戏的倒计时功能，点击“一键停止”将停止勾选游戏的倒计时。多个计时器并存的思路是参考的这篇：http://www.cnblogs.com/Jerrycjc/p/4538048.html，以下直接上代码：1、单个启动和停止...原创 2017-10-11 10:45:36 · 1239 阅读 · 0 评论 -
打BOSS倒计时小程序之操作xml文件
最近两个月事儿比较多，也比较懒，不太想写东西。现在呢事儿还是很多，但是想写了——再不写就全忘啦，所以。。。从这几天做的一个小程序开始写吧。这个小程序主要是用来提醒人某个游戏还有多少时间BOSS就要出来了赶紧去打（类似是这种倒计时的东西啦，具体是个什么鬼我也不知道，不玩游戏的人伤不起啊），用的servlet+html+js，为啥？因为要保存游戏数据，因为其他的语言都不熟悉啊，因为客户催的特别紧。...原创 2017-10-11 10:36:09 · 529 阅读 · 0 评论 -
JS实现获取当前时间和倒计时功能
虽说这两个小功能，网上一抓一大把吧，但是呢：1、自己从来没有好好写过类似功能，也没琢磨过；2、网上虽有但每次都要找啊；不如自己写个现成的，有需要了就来这里找，有问题了就来这里改进，顺道琢磨琢磨。废话不多说，上代码。window.onload=function(){ //showTime();//显示当前时间 //countDownForDay();//天倒计时 co...原创 2016-06-29 17:11:02 · 4022 阅读 · 0 评论 -
转：如何使用定时器settimeout、setInterval执行能传递参数的函数
转载链接：如何使用定时器settimeout、setInterval执行能传递参数的函数转载内容如下：无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。经网上查询后整理如下： 例如对于函数hello(_name)，它用于针对用户名显示欢迎信息：var userNa...原创 2016-06-28 12:10:29 · 249 阅读 · 0 评论 -
获取磁盘信息并扫描是否连接移动磁盘之JS版
昨天弄了一天“扫描U盘是否连接到电脑”的功能，折腾了一天出了个java版和js版，这里记录下JS版本。先说说思路：从浏览器的地址栏打开网页之后，通过onload事件调用ActiveXObject判断U盘是否连接到电脑，若是连接了获取信息显示到table中，若是没有每隔2秒调用一次事件进行获取，获取到之后清空计时器并将U盘信息显示到页面。PS：全程只获取一个U盘的信息。 1、页面基本...原创 2016-06-28 11:04:57 · 679 阅读 · 1 评论 -
用JS将人民币金额转换成大写
今天弄了个将数字转换成大写显示的功能，这里记录下，以备不时之需。形式：收款单据用的Jquery包版本：jquery-1.4.2 以下是代码：页面布局：<body> <div class="page" id="page"> <ul class="foti"> <li>姓&nb原创 2015-03-30 16:58:55 · 587 阅读 · 0 评论 -
JS获取Excel数据并显示到页面（IE）
实现效果：从有两个sheet的Excel中获取数据展示到页面中测试环境：IE8、Excel2003、Excel2007参考链接：http://blog.csdn.net/tongle_deng/article/details/7713572说明：1、不兼容火狐，用的ActiveXObject，ActiveX是IE的，火狐没有，所以不支持。网上有个例子在火狐里面也弄了个类似于Ac...原创 2014-08-22 17:15:21 · 2857 阅读 · 0 评论 -
JS在HTML代码中的执行顺序
上次在别人的博客看到一篇关于JS执行顺序的文章，觉得挺有道理，加上最近又碰上个关于这个的难题，就借着别人的例子研究了一下，写个博文记录下。 参考链接：http://747017186.iteye.com/blog/1977133 JS代码可以在html代码的<head>和<body>里面引用，所以按照解析html代码的先后顺序来决定JS的执行先后...原创 2014-08-21 18:47:01 · 1582 阅读 · 0 评论 -
入门级别的Ajax小例子
入门级别的AJAX小例子实现方式：最原始的JS，Jquery返回形式：字符串，XML JSP页面：<input type="text" name="user" id="username" size="20"/><input type="button" name="check" id="check" v原创 2014-08-06 17:42:00 · 150 阅读 · 0 评论 -
JS实现单图片预览，兼容IE、火狐
实现的效果：单图片上传前预览兼容性：火狐：不是太低就成，我用了最近较新的几个版本，都没有问题IE：暂时就用过IE8、9、10、11 HTML代码：<body><div class="file-box"><input type='text' name='textfield' id='textfield' class='systext'...2014-08-01 12:50:07 · 139 阅读 · 0 评论 -
JS select对象
使用select对象添加、删除option。语法：selectObject.add(option,before)option必需，要添加的选项，必需是 option 或 optgroup 元素。before必需，将要添加的选项添加到该选项之前。如果该参数是null，就添加到选项数组的末尾。 <html><head><...原创 2013-09-05 15:16:57 · 268 阅读 · 0 评论 -
HTML元素操作
刚学的JS对HTML元素的操作，给往后留个参考，写个东西记录下。<!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/19...原创 2013-09-05 14:23:49 · 145 阅读 · 0 评论 -
使用JS给Table添加删除行
刚了解了Table、TableRow、TableCell对象，试着用他们写个自己的例子。给Table添加删除行。 <html><head><script type="text/javascript">function insRow() { var rowList = document.getElementById("myTab...2013-09-05 14:14:19 · 98 阅读 · 0 评论 -
IE11 粘贴数据用AJAX提交老是失败
最近做的项目中有这么一项功能：从Excel里面赋值数据，粘贴到页面里面的input框里。当然，这些input框也可以接收手动输入的数据。这项功能原本没什么问题，在IE（6、7、8、9、10）、狐火两大系列都没有问题。后来微软发布了IE11，客户那边也自动更新成了IE11，此时在录入数据的时候就开始报错，根本就录不进去，也没错误提示。用debug查看的时候，发现根本就没有进入AJAX指定的URL...原创 2014-01-10 18:44:15 · 183 阅读 · 0 评论