HTML+CSS+JS
我是超越
精于高性能移动互联网系统架构、企业级系统架构,有多年的的团队管理经验
展开
-
解决xxx in a frame because it set X-Frame-Options to sameorigin 问题之配置X-Frame-Options头
配置http的响应头信息:属性名X-Frame-Options。可以配置的参数有两个,选第二个参数就行了:1.DENY:浏览器拒绝当前页面加载任何Frame页面。2.SAMEORIGIN:页面只能加载入同源域名下的页面。3.ALLOW-FROM uri:只能被嵌入到指定域名的框架中。/** * 配置“X-Frame-Options头” */@WebFilter(filterName = "FrameFilter", urlPatterns = "/*")public class Fra原创 2020-06-03 18:56:36 · 9557 阅读 · 0 评论 -
如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO
当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的。现在微信是时下最流行的社交媒体,只要有一个手机,就可以轻松玩转微信,所以,微信推广就成了站长朋友或微商们的一个非常重要的一个手段。如果你是一个站长,在分享自己网站文章到微信朋友圈时,可能会碰原创 2016-08-05 15:25:49 · 37303 阅读 · 4 评论 -
适配不同分辨率屏幕
如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下,固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性,其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来,我们将了解一下怎样通过HTML5和CSS3 Media Queries原创 2016-05-26 12:59:00 · 24703 阅读 · 3 评论 -
如何让flash swf不缓存
缓存真的是个好东西,但有时候我们需要适时的看到效果,就不能让它缓存,搜索如何让 “如何让flash swf不缓存”网上转载的大部分是修改web服务器设置让其不缓存,然而实际上大部分使用的虚拟主机都不可能有这个权限,而且为了一个不缓存,让所有的都 不缓存未免损失也太大了,实际上加入随机参数可以让swf不缓存或者遇到载入" width="228" height="306" align="rig原创 2016-05-25 19:03:48 · 1860 阅读 · 0 评论 -
几秒后刷新页面
<meta http-equiv="refresh" content="3;URL=wait.jsp">或 response.setHeader("refresh","3;URL=wait.jsp");%>原创 2016-05-25 15:32:49 · 506 阅读 · 0 评论 -
常用JQUERY操作总结
【复选框操作】<input type="checkbox" id="checkbox_id01" name="checkbox_id" value ="需要代买蔬菜"/>需要代买蔬菜<input type="checkbox" id="checkbox_id02" name="checkbox_id" value ="需要清洗餐具"/>需要清洗餐具原创 2016-05-25 15:31:31 · 513 阅读 · 0 评论 -
JS获取URL参数的函数
function request(paras) { var url = location.href; var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&"); var paraObj = {} for (i = 0原创 2016-05-25 15:30:25 · 360 阅读 · 0 评论 -
js数组去重,合集等操作
<script type="text/javascript">var a=['a','b','c'];var b=['a','b','d','f'];var arr1 = intersection(a,b);alert("a,b的合集-不重复:"+arr1);var arr2 = chaji(a,b);alert("a与b不重复的部分:"原创 2016-05-25 15:27:59 · 396 阅读 · 0 评论 -
离开页面前调用Js方法
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> onbeforeunload测试 function checkLeave(){原创 2016-05-25 15:27:18 · 1536 阅读 · 1 评论 -
JS处理回车事件
if(document.addEventListener){ document.addEventListener("keypress",keyPressHandler,true);}else{ document.attachEvent("onkeypress",keyPressHandler);}function keyPressHand原创 2016-05-25 15:26:45 · 517 阅读 · 0 评论 -
setTimeout 和 setInterval 的区别
setTimeout (表达式,延时时间)setInterval(表达式,交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式 set Timeo原创 2016-05-25 15:26:10 · 389 阅读 · 0 评论 -
JS获取当前时间
1.<script language="JavaScript">//日期var now = new Date();//获取系统日期,即Sat Jul 29 08:24:48 UTC+0800 2006 var yy = now.getYear(); //截取年,即2006var mm = now.getMonth(); //截原创 2016-05-25 15:25:30 · 370 阅读 · 0 评论 -
Javascript技术之详尽解析event对象
Javascript技术之详尽解析event对象 ----------------------------------------- 描述 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如原创 2016-05-25 15:24:50 · 325 阅读 · 0 评论 -
JS表单验证
<script language="javascript" type="text/javascript"> function checkSubmit() { if (document.form1.jtitle.value=="") { alert("对不原创 2016-05-25 15:21:31 · 372 阅读 · 0 评论 -
js表单验证控制代码大全
关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字原创 2016-05-25 15:22:14 · 624 阅读 · 0 评论 -
细线表格样式
.td{border:solid #add9c0; border-width:0px 1px 1px 0px;}.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}原创 2016-05-25 15:01:23 · 354 阅读 · 0 评论 -
样式兼容IE7
原创 2016-05-25 15:00:27 · 446 阅读 · 0 评论 -
css表格撑大问题解决
word-break:break-all"原创 2016-05-25 14:59:32 · 1085 阅读 · 0 评论