前端设计
文章平均质量分 65
罗小树
这个作者很懒,什么都没留下…
展开
-
css选择器带空格和不带空格的区别
之前写css的时候,没太注意css选择器里组合选择器里带空格和不带空格的差别,这次总结下看下面的html代码<body> <div id="containerDiv"> <div id="form1" class="formDiv">111</div> <div id="form2" class="formDiv">222</div> <div> .原创 2021-06-07 19:13:12 · 2563 阅读 · 2 评论 -
jquery不包含选择器的使用
一、使用方法$("input").not("[id^=btn], #materialid").val("");将所有input清空,不包括id以btn开头和id=materialid的这些input。选中input id=username和input id=password这两个标签$('input[id=username],input[id=password]')二、应...原创 2020-01-17 18:50:45 · 3973 阅读 · 0 评论 -
浏览器打印方法总结
原文链接:https://www.cnblogs.com/sese/p/9057531.html1. 调用浏览器自带的打印方法2.用printThis插件实现局部打印转载 2019-11-15 16:48:24 · 420 阅读 · 0 评论 -
JS改变input的value值不触发onchange事件解决方案
相关链接:http://blog.csdn.net/yuwq123/article/details/70655199https://www.cnblogs.com/aigeileshei/p/5682303.htmlhttps://segmentfault.com/q/1010000011651536转载 2018-03-06 22:08:47 · 2369 阅读 · 0 评论 -
jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法。分享给大家供大家参考,具体如下:你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作?很容易想到的解决方案是,等其中一个结束以后,再发起另外一个,这个过程用回调函数来完成。但是,如果其中一个ajax请求的代码不是你写,你改不了,怎么办?又或者说,你只想知道某个url请求什么时候结束,不想管其他的请求,怎么...转载 2018-03-03 00:25:38 · 4821 阅读 · 2 评论 -
jQuery封装一个方法实现监控页面所有ajax请求
之前我转载了一篇文章(http://blog.csdn.net/u010999809/article/details/79427640),我在使用里面的代码后发现存在以下问题:1.这种写法重写了jQuery中的$.ajax,如果说页面本身用了iframe的形式设计的话,内部的页面第一次加载使用此方法可以正常运行,但是第二次加载内部页面的话,可能会造成jQuery相关的函数失效(报undefined...原创 2018-03-21 22:19:28 · 2593 阅读 · 0 评论 -
获取跨iframe的元素
一、页面设计及需求说明现有一个主页mainPage.html,其中有两个iframe为Aframe和Bframe。其中按钮B是负责Bframe页面的数据查询现在需要实现:点击Aframe中的按钮A,就能点击Bframe的按钮B。(说明:在实际业务中,可能Aframe中的按钮进行了一部分业务操作,使得Bframe中的数据发生了改变,但不想重新请求整个Bframe,这时就需要获取到Bframe中的按钮...原创 2018-07-15 22:09:01 · 5146 阅读 · 0 评论 -
html5 audio在chrome中设置currentTime无效
原因:我用的是idea,idea自带的server返回mp3的header中没有Content-Range;后面我换成了tomcat服务器就没问题了参考链接:https://stackoverflow.com/questions/37044064/html-audio-cant-set-currenttimehttps://segmentfault.com/q/1010000002...转载 2019-01-17 13:43:15 · 2315 阅读 · 0 评论 -
Web前端性能优化——如何提高页面加载速度
原文链接:https://www.cnblogs.com/MarcoHan/p/5295398.html转载 2019-01-15 14:00:28 · 1816 阅读 · 0 评论 -
jquery的position和offset方法
这里举个例子,jquery怎么计算的可以跟下源码(后续有空可能会专门介绍下)。我从页面以及css入手,自己计算结果,只是借用下jquery的position和offset方法来验证下结果;一方面深入理解css的盒子模型(例子中采用传统的content-box),另一方面,熟悉jquery方法的作用<!doctype html><html lang="en"><...原创 2019-08-17 13:56:42 · 472 阅读 · 0 评论 -
jstl标签将String类型转换成Date类型并且格式化输出
当后台是String类型时,struts标签里的不能按特定格式转换输出结果是页面上什么都不显示由于不想再去后台做改动,便想在页面处理,使用的jstl标签库中的fmt成功实现,先引入标签库然后第一步先将String转成Date,第二步再Format格式化输出,文章转载自:http://blog.csdn.net/qq_27331631/article/d转载 2018-01-31 11:03:51 · 644 阅读 · 0 评论 -
onkeyup限制输入框只能输入数字
转载自:http://blog.csdn.net/kongjiea/article/details/25731461转载 2017-11-03 23:03:23 · 747 阅读 · 0 评论 -
使用c:forEach模拟s:select标签
一、两种实现方式的效果图二、关键部分的代码Struts2方式JSTL方式 ${list.value } 三、完整步骤1.代码结构(1)配置文件web.xml,struts.xml(2)相关jar包位于目录WebRoot/WEB-INF/lib目录下(3)后台代码 com.compname包actio原创 2017-11-03 21:13:51 · 3123 阅读 · 0 评论 -
进到页面后input输入框自动获取焦点
只要在该input标签后添加autofocus="autofocus"即可代码实例: 用户名:autofocus="autofocus"/> 密码:原创 2017-07-19 15:11:55 · 26142 阅读 · 6 评论 -
My97DatePicker的简单使用
一、引入js库目录结构:二、代码1.所选时间只能为当天及以后的时间<input id="startTime" type="text" class="Wdate" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d %H:%m:%s'}原创 2017-08-24 21:44:16 · 347 阅读 · 0 评论 -
javascript时间比较
一、需求表单中的开始时间、结束时间(这里的时间精确到分)的需满足:1.开始时间、结束时间不为空2.开始时间大于当前系统时间,结束时间大于开始时间3.开始时间,结束时间间隔不能超过1天二、js插件:My97DatePicker这里主要用它来显示时间和选择时间。该插件可以用来对时间进行比较,但这里就使用javascript进行时间比较三、代码结构如下:js下放了插件包M原创 2017-08-16 16:54:08 · 1966 阅读 · 0 评论 -
如何处理jQuery选择器中的特殊符号
参考链接:http://blog.csdn.net/wql19881207/article/details/7415639一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符那么是如何处理这些个特殊字符的呢转载 2017-09-07 21:17:07 · 940 阅读 · 0 评论 -
javascript重新刷新页面
window.location.reload() 刷新当前页面window.parent.location.reload()刷新父页面补充:reload()不加参数,相当于reload(false),即客户端从缓存中取数据;reload(true),则客户端以get方式,从服务器端取出最新的页面,相当于在客户端按下ctrl+f5参考:http://www.cnblogs.com/t原创 2017-10-10 09:56:41 · 1452 阅读 · 0 评论 -
jquery清空多个input框
测试页面 姓名: 性别: 年龄: 说明:重置按钮通常会用如下写法参考链接:http://blog.csdn.net/kungfu_panda/article/details/38580987原创 2017-10-11 23:18:07 · 3978 阅读 · 0 评论 -
js模拟设置select下拉框高度
<select id="province" style="position: absolute;z-index: 1;" onmousedown="if(this.options.length>3){this.size=4}" onblur="this.size=0" onchange="this.size=0"> 北京 上海 广州 深圳 河北 河南 山西 山东 江苏 浙江转载 2017-10-13 00:06:33 · 3016 阅读 · 0 评论 -
解决表单(Form)重置reset is not a function脚本出错
实际上很久之前遇到过一回,结果最近开发又遇到这个Bug,而且也折腾了我一些时间,比如说我在利用Ajax提交表单后,需要重置表单各项内容从交互上来避免用户重复提交,正常的表单HTML结构如下所示: 如果单纯需要采用JavaScript来重置,可以采用 document.getElementById('LoginForm').reset() 来实现,使用jQuery则使转载 2017-10-13 22:22:29 · 12611 阅读 · 2 评论 -
open打开的新窗口给原窗口赋值
一、页面执行流程说明:1.点击原窗口test.jsp的“选择用户”按钮-->弹出“选择用户”新窗口(selectUserPage.jsp)里面用户列表初步信息是通过ajax请求到的userData.json数据获取到的(为简单起见,这里的ajax都是直接请求json数据,来模拟实现访问数据库;需要访问数据库,自己用servlet或配置框架即可)2.点击selectUserPage.原创 2017-10-15 01:33:31 · 2130 阅读 · 0 评论 -
div内部超过行宽如何换行
word-wrap:break-word; 测试div HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello HelloHelloHelloHelloHelloHel原创 2017-05-05 20:17:16 · 1607 阅读 · 0 评论