html小记

1：让文本框不可编辑

方法1:readonly (只读)
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">

方法2: disabled （失效，表单不会传数据）
<input type="text" name="input1" value="中国" disabled>

<input type="text" name="input1" value="中国" disabled="true">

 2：大红字

<font color="red">你的文字</font>

或
<span style="color:red">你的文字</span>

 3：事件

onabort()当用户终止正在打开的网页时产生该事件。
onblur()某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
onchange()当网页上某元素的内容发生改变时产生例如在文本框中输入文本后又在文本框外点击时就会产生。
onclick()单击网页上的某元素时产生
ondblclick()双击网页上的元素时产生
onerror()浏览器在打开网页的过程中发生错误时产生该事件
onfinish()滚动文本条中的文本完成一次滚动时产生的事件
onfocus()网页上的元素获得焦点时产生该事件
onkeydown()按下任意键时产生该事件
onkeypress()按下任意键时并释放该键产生的事件
onkeyup()释放按下的按键产生该事件
onload()网页或图象调入完成后产生该事件
onmousedown()在网页的某元素上按下鼠标时产生该事件
onmousemove()在网页的某元素上移动鼠标时产生该事件
onmouseout()从网页的某元素移出鼠标时产生该事件
onmouseover()鼠标移入网页的某元素时产生该事件
onmouseup()释放按下的鼠标时产生该事件
onreset()复位表格时产生该事件
onresize()改变浏览器时产生该事件
onselect()选择文本框中的文本时产生该事件
onstart()滚动文本条中的文本开始滚动时产生该事件
onsubmit()提交表单时产生该事件
onunload()从当前的网页退出时产生该事件

 补充：浏览器事件

window.onload = function () 
{ 
var msg="\nwindow.load 事件 : \n\n"; 
msg+=" 浏览器载入了文档!"; 
alert(msg); 
} 
window.onfocus = function () 
{ 
var msg="\nwindow.onfocus 事件 : \n\n"; 
msg+=" 浏览器取得了焦点!"; 
alert(msg); 
} 
window.onblur = function () 
{ 
var msg="\nwindow.onblur 事件 : \n\n"; 
msg+=" 浏览器失去了焦点!"; 
alert(msg); 
} 
window.onscroll = function () 
{ 
var msg="\nwindow.onscroll 事件 : \n\n"; 
msg+=" 用户拖动了滚动条!"; 
alert(msg); 
} 
window.onresize = function () 
{ 
var msg="\nwindow.onresize 事件 : \n\n"; 
msg+=" 用户改变了窗口尺寸!"; 
alert(msg); 
} 

4：四舍五入

new Number("0.105").toFixed(2)

 5：a标签加上确认删除功能

 

href="javascript:if(confirm('确认要删除吗？')){window.location='url'}"

 6：禁止修改areatext的大小

style="resize: none;"

 7：去掉文本框的首尾空白

<script type="text/javascript">
              String.prototype.trim=function() {
	    return this.replace(/(^\s*)|(\s*$)/g,'');
	}
</script>


<input type="text" οnblur="$(this).val(this.value.trim())" />

 8：使用a标签发送post请求

function post(url, params) {
    var temp = document.createElement("form");
    temp.action = url;        
    temp.method = "post";        
    temp.style.display = "none";        
    for (var x in params) {        
        var opt = document.createElement("textarea");        
        opt.name = x;        
        opt.value = params[x];        
        temp.appendChild(opt);        
    }        
    document.body.appendChild(temp);        
    temp.submit();        
    return temp;
}
//范例：<a href="javascript:;" οnclick="javascript:post('/dosomething', {id:1,name:'Jack'})">test</a>

9:表单提交验证

<input type="submit" value="提交1" onClick="return checkform()">

10：页面初始化

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

window.οnlοad=function(){ 
 //有多个onload时会顺序加载
}

或这样写

$(window).load(function(){

})

 

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。  

$(document).ready(function() {

});

 简写

$(function(){})

 11：与dom有关的值不应该使用var声明

            $.areaId = $('#areaId').val();