JS/HTML
文章平均质量分 76
ldh_lyf
这个作者很懒,什么都没留下…
展开
-
JS制作9种制作弹出小窗口
进入许多网站时,有弹出式小窗口,它们五花八门,使我们捉摸不透下面就来介绍用JS制作9种制作弹出小窗口:1、最基本的弹出窗口代码 其实代码非常简单: window.open ("page.html") -- > 因为这是转载 2017-11-21 09:24:57 · 5121 阅读 · 1 评论 -
jQuery框架布局
网站框架实现:使用 frameset 可以设置 rows 或 cols,进行行或列的划分里面存储的都是百分比组合实现使用 frameset的嵌套可以实现组合划分 怎么显示内容:frame 中设置 src 属性指向一个页面的URL 怎么将左侧的菜单选项对应的页面显示在右侧frame右侧 frame 设置属性 name = "值";左侧的超链接,要设置属性 target = "值"; 优化:可...原创 2018-07-04 10:20:57 · 1292 阅读 · 0 评论 -
jQuery其他操作
插入元素:<script> /* * 需求: * 1、在start 后面追加一个蓝色文本 end * 2、在start 前面添加一个绿色文本 hehe * * 总结: * 1、A.append(B) == B.a...原创 2018-07-04 10:31:59 · 144 阅读 · 0 评论 -
validate插件使用
引入js<script type="text/javascript" src="../../js/jquery-1.11.0.js" ></script><script type="text/javascript" src="../../js/jquery.validate.js" ></script>使用:(1)控件原创 2018-07-04 11:19:33 · 748 阅读 · 0 评论 -
My97DatePicker日期范围限制
My97DatePicker是一个非常优秀的日历插件,不仅支持多种调用模式,还支持日期范围限制。常规的调用比较简单,如下所示:1"Wdate" id="d1" onclick="WdatePicker()" />下面重点说明日期范围限制:1)静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围示转载 2017-12-14 11:53:44 · 1932 阅读 · 1 评论 -
calendar.js插件使用
jQuery日历插件编写(jquery.calendar.js):目前比较难解决的问题是:1、皮肤问题,虽然可以自定义皮肤,但是使用起来还是有一定的困难。样式预览:默认皮肤1:自定义皮肤2:(深蓝)自定义皮肤3:(大红)自定义皮肤4:炫酷黑调用:[javascript] view plain copy转载 2017-12-14 11:47:11 · 38609 阅读 · 1 评论 -
my97
然后在jsp页面上引用过去使用:input name="time" onclick="new WdatePicker()" class="Wdate" />原创 2017-09-01 17:04:04 · 228 阅读 · 0 评论 -
highcharts内存泄漏
charts=document.getElementByClassName('thumbnail');获取所有图表for(var i=0;i var chart = $(chart[i]).highcharts();获取对象 chart.destory();销毁对象 chart=null;}原创 2017-11-02 08:44:11 · 908 阅读 · 0 评论 -
js获取select标签选中的值和表单提交方式
js获取select标签选中的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value;...转载 2018-09-21 11:47:40 · 9045 阅读 · 0 评论 -
Struts标签、Ognl表达式、el表达式、jstl标签库这四者之间的关系和各自作用
一 介绍1.Struts2的作用 Struts2标签库提供了主题、模板支持,极大地简化了视图页面的编写,而且,struts2的主题、模板都提供了很好的扩展性。实现了更好的代码复用。Struts2允许在页面中使用自定义组件,这完全能满足项目中页面显示复杂,多变的需求。Struts2的标签库有一个巨大的改进之处,struts2标签库的标签不依赖于任何表现层技术,也就是说strtus2提供了...转载 2018-09-21 11:49:07 · 159 阅读 · 0 评论 -
CSS样式对太长的文字部分显示,鼠标移上全显示和文字换行
style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis" title="要显示的内容"例如:<tr id="mytr" style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-over...原创 2017-08-25 13:49:46 · 5111 阅读 · 0 评论 -
HTML基本标签
html注释标签<-- -->A、标题标签 <h1>标题1</h1> ... <h6>标题</h6> 特点:加粗 依次变小,默认换行B、水平线 &l...原创 2018-07-03 09:25:03 · 137 阅读 · 0 评论 -
同一张html页面点击出现弹出框
<button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#editModal" ng-click="entity={}" ><i class="fa fa-file-o"></i> 新建</button>data-toggl...原创 2017-11-21 20:46:47 · 15725 阅读 · 0 评论 -
jQuery案列
1.隔行换色$(function(){ //获取奇数行 var odds = $("tr[id != 'header']:odd"); var evens = $("tr[id != 'header']:even"); //数组在调用 prop 函数 ...原创 2018-07-04 10:11:06 · 266 阅读 · 0 评论 -
jQuery显示与隐藏
先以隐藏为例:hide --- 基本实现slideup -- 滑动fadeout -- 淡出显示:showslidedownfadein切换:toggleslideToggle fadeToggle 参数都是3种:1、无参 2、毫秒值3、毫秒值,函数...原创 2018-07-04 10:07:18 · 157 阅读 · 0 评论 -
jQuery使用
引入;<script type="text/javascript" src="../../js/jquery-1.11.0.js" ></script>页面加载函数:页面加载的JS实现与JQuery实现的区别: JS实现是属性操作,JQuery实现是函数操作 前者多次加载会产生覆盖,而后者多次都调用$(function(){ a...原创 2018-07-04 09:59:58 · 188 阅读 · 0 评论 -
js获取url上的参数
用JS获取地址栏参数的方法(超级简单)方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).m转载 2017-09-16 14:47:06 · 398 阅读 · 0 评论 -
Java后台控制页面弹出框
java在后台输出js弹出对话框实现方法分为两种:一、直接在后台打印js对话框,原理如下: response.setContentType("text/html; charset=UTF-8"); //转码 PrintWriter out = response.getWriter(); out.flush(); out.pri转载 2018-01-15 18:03:42 · 22147 阅读 · 3 评论 -
js操作内容体
对象.innerHTML="值" 赋值操作对象.innerHTML 获取操作对象.style.css属性,如果属性以“-”连接,则去掉“-”,后面开头大写 css属性操作原创 2017-08-28 21:13:13 · 304 阅读 · 0 评论 -
js对数字的小数位保留
1.Math.round(number*10)/10 10代表保留一位小数 如果是整数要保留位数,使用number.toFixed(n)总之,不论整数还是小数要保留位数都可以使用(Math.round(number*10)/10).toFixed(n),对向上还是向下保留都和round的保留方式一样。原创 2017-08-25 13:35:10 · 1997 阅读 · 0 评论 -
js页面刷新
如何实现刷新当前页面呢?借助js你将无所不能。1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")2,replace 方法,该方法通转载 2017-09-16 14:45:00 · 367 阅读 · 0 评论 -
代码设置浏览器不保存缓存
meta方法//不缓存 jquery ajax清除浏览器缓存方式一:用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下: $.ajax({ url:'www.haorooms.com', dataType:'json', data:{}, before原创 2017-09-16 14:31:04 · 3362 阅读 · 0 评论 -
获取table所选行某列的属性值
var len = document.forms[0].chk.length; for(var i=0;i<len;i++){if(document.forms[0].chk[i].checked){ alert(document.forms[0].requestNum[i].value+"qwe");} }chk为复选框name...原创 2018-02-06 10:33:38 · 604 阅读 · 0 评论 -
XSS攻击及防御
XSS又称CSS,全称Cross SiteScript,跨站脚本攻击,是Web程序中常见的漏洞,XSS属于被动式且用于客户端的攻击方式,所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码,当其它用户浏览该网站时,这段HTML代码会自动执行,从而达到攻击的目的。如,盗取用户Cookie、破坏页面结构、重定向到其它网站等。XSS攻击 XSS攻击...转载 2018-03-30 13:51:51 · 238 阅读 · 0 评论 -
js入门
如何将JS引入到HTML文件方式1:在head中书写 JS 代码格式:HTML 中使用 <script> 编写JS代码 </script>方式2:将JS代码封装进一个单独的文件,然后再 HTML 引入该文件 格式:A、创建一个外部的 JS 文件 B、<script src="JS文件路径"></script>变量声明语法 ...原创 2018-07-03 10:58:55 · 644 阅读 · 0 评论 -
js事件
事件: 页面上的一个动作,一般情况是客户在页面上的一个操作, 比如:单击按钮,让输入框获得焦点,失去焦点,表单提交 另外,也可以浏览器的一个动作获得焦点 ----- onfocus失去焦点 ----- onblur按钮单击 ----- onclick表单提交 ----- onsubmit页面加载 ----- onload鼠标移...原创 2018-07-03 12:11:48 · 254 阅读 · 0 评论 -
jQuery选择器
层级选择器;A B ----> 获取 A 下面的所有的 B(重点)A>B ----> 获取A的直接子级 B(重点)A+B ----> 获取A的第一个B兄弟元素A~B ----> 获取A的所有B兄弟元素$(function(){ var ds = $("#main div"); alert(ds.length)...原创 2018-07-04 09:58:31 · 78 阅读 · 0 评论 -
jQuery操作属性和内容体
jQuery对象操作是将js对象的属性操作函数化。对属性操作:赋值操作 对象.prop("属性","属性值")或对象.attr("属性","属性值"),对value属性操作可以简化为 对象.val("值")获取操作 和赋值操作类似,只有第一个"属性"参数,对value属性操作可以简化为 对象.val()对内容操作:赋值操作 对象.html("新...原创 2017-08-28 21:17:15 · 249 阅读 · 0 评论