前端技术
关注
分享
扫一扫
文章平均质量分 65
wive
执着的追梦
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
我的粘贴板(一)-前端
1、xml防止数据出现关键字符：<id>" + u.getId() + "</id><name><![CDATA[" + u.getName() + "]]></name>2、get提交乱码处理思路：function verify() { //解决中文乱麻问题的方法1，页面端发出的数据作一次encodeURI，服务器段使用原创 2018-03-02 15:04:10 · 918 阅读 · 0 评论 -
jquery 删除json list中的数据
查找并添加按钮查询出来的群组，判断表格中是否含有，如果含有则添加到表格中，如果存在则提示不添加 // 发起一个ajax请求，访问服务器 $.ajax({ "url":url, "type":"POST", "data":{ "id" : id, "adminUser" : adminUser }, "success":function(data) { topGroupLis原创 2016-05-11 10:55:56 · 11598 阅读 · 0 评论 -
js对象定义，表格数据转成json上传提交
添加页面js: /**新建一个缘分图片对象**/ function createFateImg(imgUrl,linkType,link,orderNum ,valid){ var obj = new Object; obj.imgUrl =imgUrl; obj.linkType = linkType; obj.link = link; obj原创 2016-03-12 15:12:42 · 1815 阅读 · 0 评论 -
jquery操作table备忘
效果如下： 实现ID自增长： 排序/编号 分类名称 操作 JS实现： /** * 添加礼物类别输入框 */ function addGiftTypeInput(){ //得到最大的排序编号 var maxSortId = 0; $("#giftTypeList").find("tr原创 2016-03-21 19:59:54 · 472 阅读 · 0 评论 -
ajaxfileupload回到json带<pre>
转自：http://blog.youkuaiyun.com/ye1992/article/details/21178579 ajaxfileupload返回json带 老系统，将文件上传方式修改为ajax上传，调用ajaxfileupload.js 出错现象： 文件正常提交，后台接收正常，action中返回json正常，用火狐查看，响应的值也是正常的 但是，ajax调用js中，就是不走suc转载 2016-01-12 11:42:14 · 396 阅读 · 0 评论 -
弹出框适应窗口大小（1）
实现弹出框根据窗口的大小定位top,left，注意只是首次获取窗口的小大，并没有处理根据窗口大小变化触发的事件原创 2015-11-30 15:06:54 · 3662 阅读 · 0 评论 -
弹出框适应窗口大小（2）
实现弹出框根据窗口的大小定位top,left，注意只是首次获取窗口的小大，并没有处理根据窗口大小变化触发的事件原创 2015-11-30 15:39:19 · 857 阅读 · 0 评论 -
JQuery实现“还能输入多少个字”
jquery控制输入框中的字数原创 2015-11-16 20:23:56 · 1370 阅读 · 0 评论 -
JS调用函数传递数组
Js调用函数值传递数组，ajax直接用数组提交 Html代码： " style="max-width: 60px;"/> " href="#" onclick="sendOrder('m/order/send.do',{'userId':'', 'orderId':'', 'inputId':'reason'});return false;">发放 Js函数 /** * 发放原创 2015-10-14 15:30:55 · 4762 阅读 · 0 评论 -
JS 精确加减乘除
项目中遇到要动态计算概率的问题，总概率为1，也就是100% 发现用+-*/来计算小数，是存在误差的 /** * 刷新总概率 * isfirst 第一次添加一行，否则只修改数值 */ function refreshTotalRate(isfirst){ var sumRate = 0; var gameWheelWinRateListHtml = $("#gameWheelWinRa原创 2016-06-20 16:38:13 · 599 阅读 · 0 评论 -
微信浏览器scrollTop问题
功能描述：最近要在微信上面做一个接入环信的聊天功能， 要把新收到的消息把原来的消息往上顶，因此要设置滚动条总是在最下面，因此要用到scrollTop 1、聊天消息列表： 2、该方法在每次收到消息并且append到message（ul）调用： /** * JS效果 * 将滚动条滚到最下面， 用于新消息将原来的消息顶上去 * 消息列表： * *原创 2016-07-22 11:12:12 · 11845 阅读 · 1 评论 -
popup框显示
分享jquery的一个小插件jquery-picture-view.js 图片放大预览还不是很完善，存在一排图片，最后的图片如果过大，会溢出浏览器的问题，文字放大预览效果还是不错的！ 代码如下： /**图片预览效果**/ this.imagePreview = function(){ /* CONFIG */ xOffset = 10; yOffset = 30; // these原创 2016-09-19 19:51:16 · 458 阅读 · 0 评论 -
js如何准确获取当前页面url网址信息
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;ale...转载 2017-01-06 10:46:41 · 667 阅读 · 0 评论 -
js页面跳转的问题(跳转到父页面,跳转到最外层页面)
js页面跳转的问题(跳转到父页面,跳转到最外层页面) "window.location.href","location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写"window.l...转载 2014-04-17 13:36:53 · 1260 阅读 · 0 评论 -
ajax批量上传图片
Input表单写法：<input type="file" multiple="multiple" accept="image/jpeg" name="newPhoto" value="" id="newPhoto">multiple选项用于声明是批量上传 accept声明只接收jpg格式的图片，其他格式的文件在选项卡中显示不出来来自：http://www原创 2015-07-15 19:46:42 · 2407 阅读 · 0 评论 -
扫描二维码自动识别手机系统（Android/IOS）跳转不同页面
转自：http://9iphp.com/web/javascript/367.html移动互联网发展迅速，各种APP的开发都太疯狂了，一般稍大点儿的应用，都会准备多个版本，比如：iPhone版、iPad版、Android版，我们姑且称之为：终端适配。业务做的再大点儿的，APP还会考虑覆盖到多个国家，比如：中文版、英文版、日文版、韩文版等，我们可称之为：APP国际化。还有更拽的，针对不同渠道（流量来...转载 2015-01-27 17:09:54 · 2491 阅读 · 1 评论 -
常用js函数--个人项目总结
chatRecordsListHTML = chatRecordsListHTML.replace(/\/g,'"/>'); \S 非空字符串 //发送消息成功，添加到消息框 chatRecordsList=new Array(2); chatRecordsList.push(message); chatRecordsList.push(yourMessage); //for循环拼凑原创 2015-06-16 17:04:01 · 1792 阅读 · 1 评论 -
JS正则表达式常用工具
var patterns=new Object(); //IP地址(***.***.***.***) patterns.ip=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/; //邮件(***@***.**) patterns.email=/^[a-zA-Z0-9_-]+@[a-zA-Z原创 2016-12-06 23:35:17 · 634 阅读 · 0 评论 -
js正则匹配特殊字符
表情的处理问题： 要将表情替换成相应的图片 $.each(Expression.v5Emotions, function () { var v5 = new RegExp("\\["+this.name+"\\]","g"); html = html.replace(v5, ''); }); classfiedEmotions:[{"type":"0","icon":"f原创 2016-11-07 11:52:51 · 3262 阅读 · 0 评论 -
js和jquery如何获取（图片）真实的宽度和高度
1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！ 另外一种就是在手机页面上，在新闻页插入的图片往往都是按照图片的原尺寸来展示，如果手机屏幕太小，太大的图就会超出去！这时候有两种解决办法 1）给所有的图片加上这样的样式 .news img{margin:5px auto;转载 2016-09-19 19:35:53 · 2205 阅读 · 0 评论 -
html页面之间传递值
转自：http://blog.youkuaiyun.com/whumr1/article/details/6931835 a.html aaaaaaaaaaa c.html function getParameter(param) { var query = window.location.search;//获取URL地址中？转载 2015-11-04 20:35:41 · 460 阅读 · 0 评论 -
JQuery显示隐藏一个按钮
... 添加所有第三方账号 /** * 显示添加所有第三方账户按钮，如果选项是用户ID的话，就显示出这个按钮 * @param obj */ function showAddAllButton(obj){ var value = $(obj).val(); if(value == 11){ $("#addAllOtherAccount").removeAttr("hidd原创 2015-07-16 19:46:22 · 1702 阅读 · 0 评论 -
js 字符串操作函数
转自：js字符串操作函数概要 js字符串操作函数详情 概要： concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。 charAt() – 返回指定位置的字符。 lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1转载 2015-08-08 18:37:03 · 486 阅读 · 0 评论 -
JavaScript 六种跳转方式总结
第一种： 复制代码 代码如下: window.location.href="jb51.jsp?backurl="+window.location.href; 第二种： 复制代码 代码如下: alert("返回"); window.history.back(-1); 第三种： 复制代码 代码如下: window.转载 2014-06-11 14:58:02 · 1000 阅读 · 0 评论 -
指定img标签默认图片的方法
这里介绍两种方法（分为两种情景）： 1：使用struts2的标签解决(用JSTL也差不多)： 适用情景：学生照片有无照片路径值，有显示学生照片，没有就显示默认照片 中的stack Context中找到，所以用的时候记得前面加#--> " width='240' height="240" /> 2：使用javascript解决转载 2014-06-11 16:41:44 · 1680 阅读 · 0 评论 -
ajax 接收json,xml类型数据
xmlReq.onreadystatechange = function(){ if(xmlReq.readyState==4){ if(xmlReq.status==200) { //json数据测试 var jsonData = xmlReq.responseText; alert("我的数据:"+jsonData); //注意：将原创 2014-07-01 14:56:43 · 730 阅读 · 0 评论 -
样式倍儿全的img标签
<img src="${pageContext.request.contextPath }/tcmpicture_show.action?pictureId= &flag=" onerror="javascript:this.src='${pageContext.request.contextPath}/images/defaultPhoto.gif'" onmouse原创 2014-06-11 17:30:46 · 900 阅读 · 0 评论 -
jquery从数据库中获取数据装换成json数据实现三级联动
test01.html 请选择.... 请选择..... 请选择..... $().ready(function(){ /****************************************************************/ //加载从原创 2014-07-19 18:17:19 · 1505 阅读 · 0 评论 -
js动态表格，留着复习动态添加元素
</pre><pre name="code" class="javascript"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <原创 2014-06-27 11:24:13 · 770 阅读 · 0 评论 -
定义js事件
下拉列表 定义一个下拉列表框，当选中时候，把参数传递给函数，并且输出 你爱的体育运动： 篮球 乒乓球 羽毛球 网球 listType原创 2014-06-05 11:56:00 · 633 阅读 · 0 评论 -
jquery实现动态表格
添加用户！！！ window.onload=function(){ /** * 清除文本框的内容 */ function clear(){ $("#username").attr("value",""); $("#age").attr("value",""); $("#email").attr("value",""); } $("#addI原创 2014-07-02 15:27:32 · 670 阅读 · 0 评论 -
多选全选jquery实现
多选反选 window.onload=function(){ $("#yesorno").click(function(){ $("input[name=sport]").attr("checked",$(this).attr("checked")); }); $("#allselect").click(function(){ $("input[name=sport]"原创 2014-07-02 16:39:29 · 879 阅读 · 0 评论 -
js读取xml数据
xml数据：cities.xml 石家庄 保定 廊坊 唐山 沧州 邢台 张家口 哈尔滨 鸡西 鹤岗 大庆 齐齐哈尔 双鸭山 佳木斯 长春 吉林市 白城 四平 白山 通话 松源 长沙 岳阳 汨罗 益阳 常德 张家界 永州 沈阳 大连 鞍山原创 2014-07-01 17:20:05 · 697 阅读 · 0 评论 -
WEB聊天表情--正则表达式$用法，replace用法
WEB聊天添加QQ表情，可用jquery插件 jquery.qqFace.js 自定义实现： 移动端表情定义 表情列表模板： qqFaceList为ajax动态换取的表情List name 属性 .gif" alt=">" onclick="addToContent(this)"/> 点击弹出（其他点击隐藏） --原创 2015-06-01 17:23:41 · 2335 阅读 · 0 评论 -
jquery正则表达式匹配
匹配: $("#sub_btn").click(function(){ var content = $("#content").val(); var reg=/^\$/; if(reg.exec(content)) alert('是规定的格式'); else alert('正常文字'); }); 匹配以中文开头的： $("#sub_btn原创 2015-06-01 15:25:14 · 1556 阅读 · 0 评论 -
JQuery ,Js 类型转换
转自：http://blog.163.com/tanglifeng_@126/blog/static/1069701620115199124126/ 转换成数字 ECMAScript提供了两种把非数字的原始值转换成数字的方法，即parseInt()和parseFloat()。 注意：只有对String类型(Number除外)调用这些方法，才能正确运行对其他类型返回的都是NaN。转载 2015-04-15 09:41:40 · 632 阅读 · 0 评论 -
微信扫描打开APP下载链接提示代码优化
转自：http://caibaojian.com/weixin-tip2.html#t5 上一次我发了一篇文章叫“微信打开网址添加在浏览器中打开提示”，里面我发出来了三个代码，分别是纯JS、js+html、jQuery+HTML代码。今天来一个简化版带可以关闭的按钮操作。使用的是纯JS+HTML+CSS结合的方式，但不要一进入微信就弹出提示它在新浏览器中打开，在这个页面里面还可以提交表单转载 2015-03-18 11:56:52 · 1472 阅读 · 0 评论 -
判断是否是微信打开的
http://blog.youkuaiyun.com/blacksource/article/details/23671667 用JS来判断了，经过查找资料终于实现了效果，直接上代码 [javascript] view plaincopy function is_weixn(){ var ua = navigator.userAgent.toLo转载 2015-03-18 09:57:11 · 506 阅读 · 0 评论 -
jquery菜单选择
html页面： <button type='button' class='button' onMouseOver="this.className='button_over';" onMouseOut="this.className='button';" onClick="SelectAllBox()"> <img src="./button/quanbuxz.png" bo原创 2014-07-03 11:20:11 · 788 阅读 · 0 评论 -
jquery操作input标签
Untitled Document window.onload=function(){ //得到所有的按钮 var $buttons = $("input[type=button]"); //使单选下拉框的'2号'被选中 $buttons.eq(0).click(function(){ //方法一： //$("#one opti原创 2014-07-03 08:56:08 · 802 阅读 · 0 评论