搜集的可能大家平时没有注意的,但是比较实用的JS代码:
(1)点击文字实现checkbox选项的选定或取消
<input type="checkbox" name="chk" value="chk1" id="idChk1">
<label for="idChk1">点击选定或取消1</label><br>
<input type="checkbox" name="chk" value="chk2" id="idChk2">
<label for="idChk2">点击选定或取消2</label><br>
(2)点击文字实现radio选项的选定
<input type="radio" name="rad" value="rad1" id="idRad1">
<label for="idRad1"> 点击选定</label><br>
或者
<label for="idRad1"><input type="radio" name="rad" id="idRad1" >imdosop</label>
(3)显示文档最后修改日期
<script language="javascript">
document.write(document.lastModified)
</script>
(4)传递对象form
<form name="fm1" >
<input type="text" name="txt" value="rad1" onblur="showForm(this.form);" >
</form>
<form name="fm2" >
<input type="text" name="txt" value="rad1" onblur="showForm(this.form);" >
</form>
<script language="javascript">
function showForm(fm){
alert(fm.name);
alert(fm.txt.value);
fm.txt.value="222";
alert(fm.txt.value);
}
</script>
(5)过10秒自动关闭页面
<script language="JavaScript" >
setTimeout("self.close()",10000);
</script>
(6)改变水平线的特征
<hr size="0" noshade color="#C0C0C0">
(7)在网页上显示实时时间
<script language="javascript">
window.onload=function(){
setInterval("document.fm.txtclock.value=(new Date);",1000);
}
</script>
(8)判断cookie是否可用
<script language="javascript">
window.onload=function(){
if(navigator.cookieEnabled){
alert("Cookie可用");
}
}
</script>
(9)截取小数点后两位
window.onload=function(){
var a=3454545.4454545;
alert(a.toFixed(2));
}
(10)动态改变字体大小
function reSize(size) {
document.getElementById('imdosop').style.fontSize = size+'px';
}
会继续补充,也请大家把自己掌握的贴出来共享。。。
天天学习,好好向上——
posted on 2011-12-30 15:30
東頭bing阿頭 阅读(246)
评论(0) 编辑 收藏 所属分类:
WEB开发