前台一些问题样式，显示问题

       在做开发时，总是找UI来调试样式的问题，自己也学到了一点:

1.在一行，分配不同的大小位置用，

   <div class="col-sm-8">

      <div class="col-sm-3"></div>

  </div>

2.按钮的位置 偏左 居中 偏右

    style="margin:0 0 0 10px"

3.css处理文字过长时显示为多余部分省略

   

text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）。只有这样才能实现溢出文本显示省略号的效果。 

一、仅定义text-overflow:ellipsis; 不能实现省略号效果。　　 

二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果　　 

三、同时应用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本显示省略号效果：




4.限制显示长度

Js控制字符串显示长度,多出规定字符用点代替

   if(str . length > 5) str = str.substring(0,5) + '...';//控制显示五个字符+....；

4.刷新当前页面

   

     window.location.reload();

5.

         在做jsp系统的时候经常会使用el标签，而empty是使用比较多的一个，这个标签也很方便。但是一直只是会用，从来都没有好好的去思考它的执行原理，所以在写这个之前碰到了一点错误，先来看看我的错误：

Html代码  

1. <c:if test="${not empty order.shipphone>    ${order.shipphone}</c:if>  

 这个语句想实现的效果很简单就是进行判断如果值不为null的话才会输出，但是这样却没有实现我要的效果，页面中输出了null，这就奇怪了既然${order.shipphone}已经为null了，这个判断执行的话应该是不允许它通过的，为什么又通过了。于是乎去查询了一下数据库，得到如下：
<br>
于是乎就更加迷惑了，对啊值是空的啊，最后实在没办法，只好求助java群了，其中一个的话让我好好思考了一下：

Java代码  

1. 是不是因为${order.shipphone}是字符串的“null”  

 最后再去看了一下empty的用法：

Java代码  

1. <c:if test="${! empty key}">${key}</c:if><c:if test="${empty key}">所有</c:if>当key不为空时输出key的值。当key为空时，输出“所有”规则：1若key为null时，返回true2若key为空string时，返回true3若key为空array时，返回true4若key为空map时，返回true5若key为空collection时，返回true6否则，返回false  

 从上面可以看出，如果是字符串null的话，这个判断当然是true，也就是说order中的shipphone本身并不为null，它有值，并且值为null，就是这个解释。
 
   看来还是只懂表面，不懂实质啊，也没办法，工作就一个劲完成目标，有时候的确不允许停下来。
   那就找一下折中的办法吧！！

6

  

button没写type=button会导致点击时提交

原创 2016年12月06日 17:08:14

• 标签：
• button

• 771

[html] view plain copy

1. <button class="btn btn_set_wj" onclick="add_q()">弹出框</button>   

改成

[html] view plain copy

1. <button class="btn btn_set_wj" type ="button" onclick="add_q()">弹出框</button>  

原因：button按钮默认为submit.

7.html input标签的隐藏处理 默认值到后台

 <input type="hidden" name="id" value="隐藏的值">

<input type="text" name="id" style="display:none" value="隐藏的值">


以上两种方法可以实现不留痕迹的隐藏。

<input type="text" style="visibility: hidden;" />
第三种方法可以实现占位隐藏（会留下空白而不显示）
8，异步刷新，点击分页按钮，返回顶部
页面：window.scrollTo(0, 0);
子页面parent：window.parent.scrollTo(0, 0);