html5+css+div随时笔记

首先给头部文件引用格式

<link href="<%=basePath%>temp/public/css/style.css" rel="stylesheet" type="text/css" />
rel规定当前文档与被链接文档之间的关系。type 规定被链接文档的 MIME 类型。

<script type="text/javascript" src="<%=basePath%>temp/public/js/jquery.js"></script>

===================================================================
table的换行>> word-break:break-all; word-wrap:break-word; 

===================================================================

如何实现table在网页中的居中显示>>要把整个table也居中，就必须再建一个页面大小的table，把目标table当成其中的内容来对待才行，代码如下： <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle"> <table width="50%" border="1" align="center" cellpadding="0" cellspacing="0"><tr><td></td><td></td></tr></table> </td></tr></table>
===================================================================

返回上级页面：onclick="javascript:window.history.back(-1);" 
===================================================================

 jquery 循环读取 table中的内容

$(function () {

    $('#btn').click(function () {

        var html = '';

        $('#t').find('tr').each(function () {

            $(this).find('td').each(function () {

                html += $(this).text() + ',';

            })

            html += '|';

            alert(html);

            return false;

        })'

    })

})
===================================================================

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

${fn:substring(issueDesc,0,20)}${fn:length(issueDesc)>20?'...':''} ==》即可截取${issueDesc}20个长度
===================================================================

 colspan="3"要写在td中
===================================================================

<input type="radio" name="radiobuttona" id="radiobutton5" /><label for="radiobutton5" >测试</label>

<input type="radio" name="radiobuttona" id="radiobutton3" /><label for="radiobutton3" >测试2</label>

 

name一样，保证单选效果，for中的值为id的值，点击文字选中
===================================================================

js中.toFixed(2)表示四舍五入保留两位小数，如13.378=》13.38
===================================================================

兼容性：
color{
     /*所有浏览器都会显示为紫色*/ 
    background-color: #FF00009; /*IE6、IE7、IE8会显示红色*/
    *background-color: #0066FF; /*IE6、IE7会变为蓝色*/ 
    _background-color: #009933; /*IE6会变为绿色*/
   background-color:blue !important; 
}
css hack
总结：    _： IE6
          +： IE7
          *： IE6 IE7
         9： IE6 IE7 IE8


-ms-border-radius: 5px;/*-ms代表ie内核识别码*/

-moz-border-radius: 5px;/*-moz代表Mozilla火狐内核识别码*/

-webkit-border-radius: 5px;/*-webkit代表谷歌内核识别码*/

-o-border-radius: 5px;/*-o代表欧朋Opera内核识别码*/ 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>可让当前页面访问的IE8自动调用IE7的渲染模式
===================================================================

导了包之后标签的使用 

<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>   ==》c标签

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>   ==》fn标签
                eg：${fn:substring(title,0,20)}${fn:length(title)>20?'...':''}
                eg2：${fn:substring(title,0,25)}...                      即取${title}的20个字符显示，超出的以...显示
区别，第一个eg，如果字符有10个，截取15个，则会以显示全部字符，第二种eg，如果字符有10个，截取15个如果字符有10个，截取15个，则会出现10个字符接...

<%@ taglib uri="/struts-tags" prefix="s"%>   ==》s标签

//输入框的校验 

oninput="this.value=this.value.replace(/[^d]/g,'')"

onpropertychange="this.value=this.value.replace(/[^d]/g,'')"//ie

//链接
onclick="window.location.href='xxx.jsp'" 
//当图片无法显示的时候加上这个页面出现替代图片
 <img src="" onerror="javascript:this.src='http://www.xx.com/images/xx.gif" alt="这是XX图片">
//------------------------------------------ajax------------------------------------------//

ajax return 为什么会没用
为什么会访问外面再跳到ajax

因为ajax默认都是异步调用的，都是等其他程序执行完后再调用ajax 

 如果要按顺序执行，则需要加一个参数async:false; 

//表示当前文件与public为同级

<jsp:include page="public/jsp/xx.jsp"/>