编程的时候&＃xff0c;往往最可怕的&＃xff0c;都是那些不起眼的小错误。
&＃xff08;1&＃xff09;button的类型问题
往往我们用了button标签就认为它是个按钮了&＃xff0c;但它的type默认并不是button&＃xff0c;在firefox和chrome下&＃xff0c;button的type的缺省值为submit&＃xff0c;详细见这里&＃xff1a;http://blog.moocss.com/code-snippets/html-css-code-snippets/1408.html
代码&＃xff1a;
1 <form action&＃61;"http://www.baidu.com">
2 <button>buttonbutton>
3 form>
以上代码&＃xff0c;点击button页面会跳转到百度首页&＃xff0c;正确的代码应该如下&＃xff08;显式地申明button的类型&＃xff09;&＃xff1a;
1 <form action&＃61;"http://www.baidu.com">
2 <button type&＃61;"button">buttonbutton>
3 form>
&＃xff08;2&＃xff09;让DIV自适应子元素内容
如果子元素没有任何停靠&＃xff0c;父元素不要设置高度就可以了。
例如&＃xff1a;
1 <html>
2 <head>
3 <title>title>
4 <style type&＃61;"text/css">
5 .main {
6 background-color: #ddd;
7 width: 80%;
8 margin: auto;
9 }
10 style>
11 head>
12 <body>
13 <div class&＃61;"main">
14 <div>
15 <img src&＃61;"tmp.jpg">
16 div>
17 <p>contentp>
18 <p>contentp>
19 <p>contentp>
20 div>
21 body>
22 html>
当然更多的情况没这么理想。
解决方法&＃xff0c;这个方法的可贵之处在于不管父容器是否悬浮都能起作用&＃xff0c;如果父容器已经悬浮&＃xff0c;则可以去掉overflow和height属性
1 <html>
2 <head>
3 <title>title>
4 <style type&＃61;"text/css">
5 .main {
6 background-color: #ddd;
7 width: 80%;
8 /*float: left;*/
9 margin: auto;
10 overflow: hidden;
11 }
12 .avatar {
13 float: left;
14 }
15 .content {
16 float: left;
17 }
18 style>
19 head>
20 <body>
21 <div class&＃61;"main">
22 <div class&＃61;"avatar">
23 <img src&＃61;"org.jpg">
24 div>
25 <div class&＃61;"content">
26 <p>contentp>
27 <p>contentp>
28 <p>contentp>
29 div>
30 div>
31 body>
32 html>
其他方法可见地址&＃xff1a;http://news.2ky.cn/14/3110.htm
一下为引用内容&＃xff0c;防止地址失效&＃xff1a;
Div即父容器不根据内容自适应高度&＃xff0c;我们看下面的代码&＃xff1a;
以下是代码片段&＃xff1a;
<div id&＃61;"main">
<div id&＃61;"content">div>
div>当Content内容多时&＃xff0c;即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了&＃xff0c;但容器main的高度还是不能撑开。我们可以通过三种方法来解决这个问题。
一&＃xff0c;增加一个清除浮动&＃xff0c;让父容器知道高度。请注意&＃xff0c;清除浮动的容器中有一个空格。
以下是代码片段&＃xff1a;
<div id&＃61;"main">
<div id&＃61;"content">div>
<div style&＃61;"font: 0px/0px sans-serif;clear: both;display: block"> div>
div>
二&＃xff0c;增加一个容器&＃xff0c;在代码中存在&＃xff0c;但在视觉中不可见。
以下是代码片段&＃xff1a;
<div id&＃61;"main">
<div id&＃61;"content">div>
<div style&＃61;"height:1px; margin-top:-1px;clear: both;overflow:hidden;">div>
div>
三&＃xff0c;增加一个BR并设置样式为clear:both。以下是代码片段&＃xff1a;
<div id&＃61;"main">
<div id&＃61;"content">div>
<br style&＃61;"clear:both;" />
div>Div即父容器不根据内容自适应高度&＃xff0c;我们看下面的代码&＃xff1a;投稿来源于&＃xff1a;http://news.2ky.cn&＃xff0c;转载需注明。
&＃xff08;3&＃xff09;PHP默认编码
在php.ini文件中添加default_charset &＃61; "UTF-8"&＃xff0c;设置PHP默认编码&＃xff0c;然后重启apache。
&＃xff08;4&＃xff09;设置textarea中光标的位置
首先要使textarea获得焦点和光标&＃xff0c;由于jquery的focus方法只是让对象获得焦点&＃xff0c;要用DOM的focus方法才能让textarea获得光标。
document.getElementById(&＃39;text&＃39;).focus();
然后是设置光标的位置&＃xff08;textarea内已经有内容&＃xff09;&＃xff0c;函数如下&＃xff1a;
1 function setSelect(element,begin, end)
2 {
3 if (document.body.createTextRange)
4 {
5 var range &＃61; document.body.createTextRange();
6 var text &＃61; element[element.tagName&＃61;&＃61;&＃39;DIV&＃39;?&＃39;innerText&＃39;:&＃39;value&＃39;];
7 var line1 &＃61; text.substring(0, begin).split(&＃39;/n&＃39;).length - 1;
8 var line2 &＃61; text.substring(end, text.length).split(&＃39;/n&＃39;).length - 1;
9 range.moveToElementText(element)
10 range.moveEnd(&＃39;character&＃39;,parseInt(end) - element[element.tagName&＃61;&＃61;&＃39;DIV&＃39;?&＃39;innerText&＃39;:&＃39;value&＃39;].length &＃43; line2);
11 range.moveStart(&＃39;character&＃39;,parseInt(begin) - line1);
12 range.select();
13 }
14 else if(element.setSelectionRange)
15 {
16 element.setSelectionRange(begin,end);
17 }
18 }
以上代码地址&＃xff1a;http://blog.csdn.net/reedseutozte/article/details/5761684
最后还是存在一个问题&＃xff0c;就是如果当前这个textarea还没有显示出来&＃xff0c;我们就执行了以上动作&＃xff0c;那就报错&＃xff1a;Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLTextAreaElement.setSelectionRange]&＃xff0c;所以一定要注意代码的顺序。
&＃xff08;5&＃xff09;JSP中request乱码
1 String id&＃61;new String(request.getParameter("id").getBytes("ISO8859-1"),"UTF-8");
2 String name &＃61; new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8");
原文地址&＃xff1a;http://www.blogjava.net/wonderer/archive/2007/10/25/155980.html
&＃xff08;6&＃xff09;文本框触发change&＃xff0c;blur的顺序
change-->blur-->submit
原文地址&＃xff1a;http://blog.csdn.net/cui_angel/article/details/7721617
京公网安备 11010802041100号