【1】插入样式
JSP页面插入CSS样式有三种方法，且其优先级不同。具体如下：外部样式，内部样式，内联样式。优先级依次增高！
① 外部样式
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。
<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />
rel 属性规定当前文档与被链接文档之间的关系，在该例子中rel 属性指示被链接的文档是一个样式表。
② 内部样式
当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用<style>标签在文档头部定义内部样式表。
<style type="text/css"> .loginBtn{ display:block; cursor: pointer; height: 32px; margin-bottom: 1px; width: 100px; } </style>
③ 内联样式
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。
<input type="text" name="authCode" style="vertical-align: middle" />
优先级：内联样式 > 内部样式 >外部样式！
【2】页面打印
页面加载启动打印
$(function(){ document.execCommand('Print'); //window.print(); //打印当前窗口 });
利用WebBrowser
<OBJECT id = WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT> <input type="button" value="打印" onclick=document.all.WebBrowser.ExecWB(6,1)/> <input type="button" value="直接打印" onclick=document.all.WebBrowser.ExecWB(6,6)/> <input type="button" value="页面设置" onclick=document.all.WebBrowser.ExecWB(8,1)/> <input type="button" value="打印预览" onclick=document.all.WebBrowser.ExecWB(7,1)/>
打印指定区域
function printTable(Id){ var mstr; mStr = window.document.body.innerHTML; var mWindow = window; window.document.body.innerHTML = Id.innerHTML; mWindow.print(); window.document.body.innerHTML = mStr; } <body> <div id="print"> //...... </div> <input type="button" value="print" onclick="javascript:printTable(print);"/> /*several use JS funciton ways*/ <!-- 或者 οnclick="return printTable(print);" 或者 οnclick="printTalbe(print);" 或者 $("input[type='button']:eq(0)").click(function(){ printTable(print); }); --> </body>
【3】 页面注释的几种方式
① html注释
第一种-使用<!---->注释
<!-- <div position="center" title=""> ... -->
此时查看网页源代码可以看到注释的内容：
第二种-使用<%-- --%>注释
<%-- <div position="center" title=""> <div style="text-align:left;line-height: 25px;margin-left: 100px;" > <table style="width:90%;" class="css-querytable"> <tr> </td> .... --%>
此时查看网页源代码看不到被注释的内容：
注意 html注释不可使用// 或 /* */。
② 标签注释
着重指框架标签和JSTL标签
<%-- <shiro:hasPermission name="user:unbind"> toolData.push({text: '解绑',click: f_unbind, icon: 'busy'},{ line: true }); </shiro:hasPermission> --%>
被<%-- --%>注释的表签内容在JSP解析为servlet时将会被忽略掉。
注意，不可使用// 或者 /* */ 或 <!-- -->标签。
③ JS注释
方式一：单行注释：// 多行注释: /* */
// getCityArea('city',41,'',defaultCode) // f_getList(); 或 /* getCityArea('city',41,'',defaultCode) f_getList(); */
此时查看网页源代码可以看到注释的内容：
方式二：<!---->注释
<!-- getCityArea('city',41,'',defaultCode) f_getList(); -->
此时查看网页源代码同样可以看到被注释的内容。
方式三：<%-- --%>
<%-- getCityArea('city',41,'',defaultCode) f_getList(); --%>
此时查看网页源代码将会看不到被注释的内容:
综上：
- html注释不可以使用
// 或 /* */； - 标签注释只能使用
<%-- --%>; - JS注释，上面四种标签都可以！
- 其中，
//或/* */同样适用于JAVA代码注释！
【4】FTL上注释
【5】表单提交的内容类型
从form的enctype属性到Content-Type再到request.getInputStream()。
写html的时候我们都知道form有个属性enctype，默认值是application/x-www-form-urlencoded，这个值表示会将表单数据用&符号做一个简单的拼接。例如：
POST /post_test.php HTTP/1.1 Accept-Language: zh-CN User-Agent: Mozilla/4.0 Content-Type: application/x-www-form-urlencoded Host: 192.168.12.102 Content-Length: 42 Connection: Keep-Alive Cache-Control: no-cache title=test&content=%B3%AC%BC%B6%C5%AE%C9%FA&submit=post+article
我们注意到这个时候Content-Type为application/x-www-form-urlencoded。
如果enctype的值为multipart/form-data，这个值一般用于表单中包含文件上传的情况，它会将表单中的数据使用一个boundary作为分隔上传。例如：
POST /post_test.php?t=1 HTTP/1.1 Accept-Language: zh-CN User-Agent: Mozilla/4.0 Content-Type: multipart/form-data; boundary=---------------------------7dbf514701e8 Accept-Encoding: gzip, deflate Host: 192.168.12.102 Content-Length: 345 Connection: Keep-Alive Cache-Control: no-cache -----------------------------7dbf514701e8 Content-Disposition: form-data; name="title" test -----------------------------7dbf514701e8 Content-Disposition: form-data; name="content" .... -----------------------------7dbf514701e8 Content-Disposition: form-data; name="submit" post article -----------------------------7dbf514701e8--
我们注意到这个时候Content-Type也相应的变为multipart/form-data，同时后面还加上了分隔符boundary的描述。
所以，其实form的enctype属性某种程度上决定了Content-Type值和请求body里头的数据格式。
上面说到了form的处理情况，但是其实如果我们不是使用浏览器，而是自己实现的客户端来传递数据的话，这些头信息就得都由自己处理。所以上面就出现了，上传文件的时候仍然使用了application/x-www-form-urlencoded的不标准用法。
但是为啥Content-Type会影响request的处理呢？这得从request的一些实现说起。
request.getParameter()、 request.getInputStream()、request.getReader()这三种方法是有冲突的，因为流只能被读一次。
当form表单内容采用 enctype=application/x-www-form-urlencoded编码时，先通过调用request.getParameter() 方法得到参数后，再调用 request.getInputStream()或request.getReader()已经得不到流中的内容，因为在调用 request.getParameter()时系统可能对表单中提交的数 据以流的形式读了一次,反之亦然。
当form表单内容采用 enctype=multipart/form-data编码时，即使先调用request.getParameter()也得不到数据，但是这时调用 request.getParameter()方法对 request.getInputStream()或request.getReader()没有冲突，即使已经调用了 request.getParameter()方法也 可以通过调用request.getInputStream()或request.getReader()得 到表单中的数据,而request.getInputStream()和request.getReader()在同 一个响应中是不能混合使用的,如果混合使用就会抛异常。
从application/x- www-form-urlencoded到multipart/form-data
HTML中的form表单有一个关键属性 enctype＝application/x-www-form-urlencoded 或multipart/form-data。
enctype=application/x- www-form-urlencoded是默认的编码方式，这种编码方式很简单，编码后的结果通常是 field1=value2&field2=value2&… 的形式，如 name=aaaa&Submit=Submit。
这种编码的具体规则可以在 rfc2231 里查到， 通常使用的表单也 是采用这种方式编码的，Servlet 的 API 提供了对这种 编码方式解码的支持，只需要调用 ServletRequest 类中的getParameter()方法就可 以得到用户表单中的字段和数据。
这种编码方式（ application/x-www-form-urlencoded ）虽然简单，但对于传输大块的二进制数据显得力不从心，对于传输这类数据，浏览器 采用了另一种编码方式，即 “multipart/form-data” 的编码方式，采用这种方式，浏览器可以很容易将表单内的数据和文件放在一起发送。
这种编码方式先定义好一个不可能在数据中出现的字符串作为 分界符，然后用它将各个数据段分开，而对于每个数据段都对应着 HTML 页面表单 中的一个 Input 区，包括一个 content-disposition 属性，说明了这个数据段的一些信息，如果这个数据段的内容是一个文件，还会有 Content-Type 属性，然后就是数据本身，如果以这种方式提交数据就要用request.getInputStream()或request.getReader()得到 提交的数据 ，用 request.getParameter()是得不到提交的数据的
