html+js+css+jsp笔记

1.html引入外部js文件

在html的head中，加入<script src="js/*.js"type="text/javascript"></script>，

注意不能是<script src="js/*.js"type="text/javascript"/>

2.CSS实现表格内容超过一行用省略号代替

table{

　　table-layout: fixed;

}

td{

　　white-space: nowrap;

　　overflow: hidden;

　　text-overflow: ellipsis;

}

3.jsp中为html控件赋java变量值

随便写个: <% Stringtxtname=request.getParameter("name"); %> 

上面是JSP中的代码。 下面是HTML中要的到的值。 

<buttonvalues="<%=txtname%>"></button>

4.引外部js文件时，一要注意编码格式是否一致，二要注意路径。。。

5.本人深刻教训：网上代码切勿随便粘贴，编码问题有时候会搞死你，让你都不知道自己错在哪，出问题的时候最好自己手打一遍。。。

6.myeclipse自动生成的jsp中会有这么一句<basehref="<%=basePath%>">，这个路径是网站的根目录，写路径的时候要小心

7.post过程（不知道get会不会）表单的名称不要用filename，不知道为什么会报错，有大神知道的指点一下。。。

8.分页的时候得这样写：<a href="departmentMan.jsp?pageid=<%if(pageid+1>=pagenum)out.print(pagenum); else out.print((pageid+1));%>">下一页</a>

而不能这样：<a href="departmentMan.jsp?pageid="+<%if(pageid+1>=pagenum)out.print(pagenum); else out.print((pageid+1));%>>下一页</a>

注意引号的位置！

9.可以用request.setCharacterEncoding("utf-8")来确定请求所用的编码格式，不然有时候会出现乱码

10.在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性.可用

var obj = event.srcElement ? event.srcElement :event.target;来解决

注：但我用的时候发觉不是这样，把this传进来就可以用了（this就是事件源的dom对象），具体有待后期再调试吧。

11.js中引用jsp中java变量：

t.getElementsByTagName_r("tr")[0].getElementsByTagName_r("input")[0].value= "<%=id%>";（注意加双引号）

12.给html元素的属性赋值：document.getElementByIdx_x_x_x_x_x("upload").attributes.src.value="../upload/images/<%=id%>.jpg";

13.判断网页是否加载完毕：document.readyState == 'complete'

14.设置input只读属性：

t.getElementsByTagName_r("tr")[0].getElementsByTagName_r("input")[0].readOnly=true;

注意readOnly中的O要大写，否则无效（select的下标selectedIndex同，js中是要区分大小写的）

15.request.setCharacterEncoding("utf-8");

response.setCharacterEncoding("utf-8");

如果要获取传过来的参数，这两句一定要放在最前面

16.JavaScript的运行机制：自上而下的加载解析到document，遇到词法错误，语法错误，会跳出本段<script>标签，但是还会继续加载随后的<script>标签的JavaScript代码，如此循环，直到document加载完毕

17.css:pointer和css:hand:两个都是手形光标，但是我测试发现css:pointer这个能在各浏览器（包括IE和firefox）的兼容或高速模式中运行，相反，hand不被IE和firefox支持，且不被高速模式支持，所以以后还是用pointer吧

18.get方法传递参数中包含中文会导致乱码

19.启动tomcat报错“StandardServer.await:create[8005]java.net.BindException: Address already in use:JVM_Bind”。

因为8005端口被占用，一劳永逸的方法：修改tomcat/conf/server.xml文件,将<Serverport="8005"shutdown="SHUTDOWN">中8005改成不常用的端口号即可，比如8088

20.myeclipse 10 JSP页面遇到的问题：Cannot return from outside afunction or method：

window -->preferences-->myeclipse -->validation-->javascript validator for Jsfiles 

把Bulid 复选框的勾去掉 就行了

21.实现select不能更改的小技巧：

window.onload = function(){

  $("id1").onclick=function(){

    var index =this.selectedIndex;

    this.onchange =function(){

    this.selectedIndex =index;

    //alert(index);

    }

  };

}