![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
tywangh
这个作者很懒,什么都没留下…
展开
-
级联下拉选,动态生成<option>标签实现,以及第二个下拉选无法显示问题
来源:http://blog.csdn.net/qigc_0529/article/details/52318347JSP+Jquery+Oracle实现省市区三级联动下拉选菜单自己搞了一下午,刚开始觉得还有点麻烦,不过搞过一遍之后就觉得简单了,供大家互相学习,具体代码如下:1.jsp页面代码:[javascript] view pl转载 2017-09-19 14:39:30 · 812 阅读 · 0 评论 -
关于window.onclick事件的问题
window.onclick = function(event) { alert(1); } window.onclick = function(event) { alert(2); }这个在浏览器中执行,只是打印了2,说明这个监听事件,只监听了第二个方法,所以这个方法,在页面中只能使用一个,然后将其他的方法使用if分支加以区分,其中event获取的是点击事件的所处的标签。原创 2018-02-02 18:13:53 · 11128 阅读 · 0 评论 -
使用js和jquery的常见操作
1、修改标签的属性值:JQuery:第一个 $("#change").click(function(){ $("#change").attr("class","changed");JS:第一个 $("#change").click(function(){ document.getElementById("change").setAttribute("cl原创 2017-12-07 14:56:28 · 230 阅读 · 0 评论 -
点击按钮弹出模态框实现
点击按钮弹出模态框的实现:html: 模态框 模态框 头部 × 这是一个模态框! 喜欢就点个赞吧!原创 2017-12-06 20:11:27 · 38759 阅读 · 5 评论 -
微信端音频audio标签自动播放
在微信端,使用audio标签时,标签中的属性 autoplay="autoplay" 无法自动播放,需使用以下js控制: document.addEventListener("WeixinJSBridgeReady", function () {//微信 audio.play();//音频播放 }, false);原创 2017-12-08 12:01:56 · 3676 阅读 · 0 评论 -
使用FormData进行Ajax请求上传文件到controller层的实现
需求背景:页面上传一个文件到controller层,然后后台对文件进行处理。文件类型不限。页面功能展现:第一步:首先需要两个jarcommons-fileupload-1.3.2.jarcommons-io-2.4.jar版本不限:pom文件中相应两个jar: commons-io commons-io 2.4 commons-f原创 2017-11-08 15:16:16 · 51736 阅读 · 11 评论 -
在<form:select>中使用<c:forEach>标签遍历几种list示例
第一种:遍历 Listcontroller: List fields = new ArrayList<>(); fields = yzActivecontrolService.getFieldName(); model.addAttribute("fieldList", fields);jsp: 筛选字段 ${list} 其中原创 2017-11-02 21:05:53 · 14619 阅读 · 0 评论 -
移动端列表长按后上下拖动进行排序
简述:移动端列表长按后,然后可以上下拖动进行排序,主要使用了基于h5 sortTable,然后使用了touch相关事件实现,仅支持移动端。效果图:长按下后拖动过程中的效果,如果不长按,只能上下滑动:代码实现解析:首先看html的代码:<!DOCTYPE html><html><head> <meta charset="UTF-8" />...原创 2017-10-11 20:24:34 · 10976 阅读 · 3 评论 -
关于加载html页面中js顺序问题
源码: alert(1) alert(2) alert(3)top.jsalert("top");bottom.jsalert("bottom");访问页面,依次打印:top, 1, 2, bottom, 3在我的项目中存在这样一段代码:jsp: .... var signYear原创 2017-10-15 18:42:29 · 602 阅读 · 0 评论 -
jsp中使用EL表达式,出现Uncaught SyntaxError: Unexpected number错误
部分代码展示: var signYear = ${collegeUserSign.signYear}; var signMonth = ${collegeUserSign.signMonth}; var signDays = ${collegeUserSign.signDays}; 浏览器F12,错误展示:解析:在js中,使用 var原创 2017-10-15 16:18:12 · 27441 阅读 · 0 评论 -
移动端语音播放以及语音条拖动的实现
移动端语音播放,包含了语音播放动态小喇叭,语音条,时间长度,支持移动端触动拖动,不支持PC拖动。类似于微信公众号里面的语音播放,效果如下:进入页面:播放时:页面代码: 阅读详情 关闭 《靠谱》原创 2017-10-12 12:21:22 · 1910 阅读 · 0 评论 -
jsp中获取文件的绝对路径前缀
代码:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";//pageContext.setAttribute("basePath",bas原创 2017-10-10 15:09:52 · 1696 阅读 · 0 评论 -
隐藏alert和confirm弹出框的IP
在js的最前面加上如下代码即可://重写alertwindow.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text/plain,'); d原创 2017-10-17 17:52:22 · 3772 阅读 · 0 评论 -
在移动或者PC页面上使用类似于微信语音播放功能
1、首先看看页面截图:功能:(1) 根据语音的长度自动展示出语音的时长,而且未播放时,语音条后面有个小红点,表示未播放(2) 当点击语音条时,会播放相应的语音,语音条并且会变成动态播放状态,类似于接收到的微信播放一样(3)在播放状态,点击语音条时,将停止播放,并不是暂停,然后再点击语音条时,将重新重头播放2、功能实现:此界面的代码:原创 2017-09-23 19:13:16 · 2240 阅读 · 0 评论 -
关于kindeditor富文本编辑的上传图片、音频、和视频的使用
版本:KindEditor 4.x 官方文档:http://kindeditor.net/doc.php最近在公司实现一个功能:大概就是这样:富文本编辑器的上传图片、音频和视频的原理,就是将这些文件上传至项目的静态文件中,然后将相应文件的存储路径保存至数据库里面。我是用的是富文本编辑器中默认的jsp文件upload_json.jsp和file_manager_json.原创 2017-09-01 21:22:57 · 4977 阅读 · 0 评论 -
关于错误:Uncaught Error: Bootstrap's JavaScript requires jQuery bootstrap.js:8 at bootstrap.js:8
最近写jsp页面,使用了bootstrap,然后在引进bootstrap.js时报错:Uncaught Error: Bootstrap's JavaScript requires jQuery bootstrap.js:8 at bootstrap.js:8部分jsp文件: 高效ToDo 解决方案:在引进jQ原创 2017-09-06 23:11:19 · 12476 阅读 · 0 评论 -
jsp文件中引入js、css文件失败问题
最近刚搭建了个项目,在jsp中引入js、css文件时失败,用绝对路径和相对路径均失败原因:文件结构:jsp代码:<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+requ原创 2017-09-07 17:37:07 · 3600 阅读 · 1 评论 -
解决安卓端微信页面长按时出现浏览器选择打开问题
document.oncontextmenu=function(e){ //或者return false; e.preventDefault();};不能使用在触摸事件中使用e.preventDefault();这样会导致其他的触摸事件失效原创 2018-01-19 16:21:27 · 3974 阅读 · 0 评论