javascript学习小结
2009-10-29 13:53
218 查看
<textarea cols="50" rows="15" name="code" class="javascript">0.链接css文件和js文件
<link rel="stylesheet" href="../css/style.css" mce_href="css/style.css" type="text/css">
<mce:script language="javascript" src="../includes/jslib.js" mce_src="includes/jslib.js" ></mce:script>
1.关闭输入法
<input style="ime-mode:disabled" mce_style="ime-mode:disabled">
2.光标是停在文本框文字的最后
<mce:script language="javascript"><!--
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
// --></mce:script>
<input type=text name=text1 value="123" onfocus="cc()">
3.最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
4. 检查一段字符串是否全由数字组成
<mce:script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
// --></mce:script>
5. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
6. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
7.让TEXTAREA自适应文字的行数
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
<link rel="stylesheet" href="../css/style.css" mce_href="css/style.css" type="text/css">
<mce:script language="javascript" src="../includes/jslib.js" mce_src="includes/jslib.js" ></mce:script>
1.关闭输入法
<input style="ime-mode:disabled" mce_style="ime-mode:disabled">
2.光标是停在文本框文字的最后
<mce:script language="javascript"><!--
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
// --></mce:script>
<input type=text name=text1 value="123" onfocus="cc()">
3.最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
4. 检查一段字符串是否全由数字组成
<mce:script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
// --></mce:script>
5. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
6. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
7.让TEXTAREA自适应文字的行数
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
8. 日期减去天数等于第二个日期 <mce:script language="javascript"><!-- function cc(dd,dadd) { //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("12/23/2002",2) // --></mce:script> 9.ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> 10.常用的正则表达式 匹配中文字符的正则表达式: [/u4e00-/u9fa5] 匹配双字节字符(包括汉字在内):[^/x00-/xff] 匹配空行的正则表达式:/n[/s| ]*/r 匹配HTML标记的正则表达式:/<(.*)>.*<///1>|<(.*) //>/ 匹配首尾空格的正则表达式:(^/s*)|(/s*$) 匹配Email地址的正则表达式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)* 匹配网址URL的正则表达式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)? (1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;} (2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现 String.prototype.trim = function() { return this.replace(/(^/s*)|(/s*$)/g, ""); } (3)应用:利用正则表达式分解和转换IP地址 function IP2V(ip) //IP地址转换成对应数值 { re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g //匹配IP地址的正则表达式 if(re.test(ip)) { return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1 } else { throw new Error("Not a valid IP address!") } } (4)应用:从URL地址中提取文件名的javascript程序 s="http://www.9499.net/page1.htm"; s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2") ; //Page1.htm (5)应用:利用正则表达式限制网页表单里的文本框输入内容 用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" 用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))" 用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 11.判断是否是整数 function IsNum(s) //整数 { if(s=="null"||s=="undefined"||s.length<1) return false; if(isNaN(parseInt(s))) return false; else if((parseInt(s)+"").length!=s.length) return false; else return true; } function IsNumber(JudgeNum){ //判断大于0的数 var JudgeStr=JudgeNum.toString(); for (var i=0;i<JudgeStr.length;i++) { var oneChar=JudgeStr.charAt(i); if (oneChar<"0" || oneChar >"9"){ return false; } } return true; }
12.打开没有最大化按钮的窗口 window.open("http://www.google.com","","width=250,height=220,scrollbars=no,resizable=no,center=yes"); 13.层的隐藏与显示 只要设置层的style的display属性即可。 比如<div style="display:none" mce_style="display:none" id="divTest">隐藏的层</div> 如果要显示它可以通过脚本来控制。例如divTest.style.display = ""; 或者 window.document.getElementById("MyDiv").style.display = ""; 14.禁止右键 <body oncontextmenu="return false"> 15.得到当前显示器的分辨率 window.srceen.width 得到屏幕的宽度 window.srceen.height 得到屏幕的高度 16.定时运行特定代码 setTimeout(Code,Timeout); 是从现在算起多少微秒后运行该代码(只运行一次) setInterval(Code,Timeout); 是每隔多少微秒运行一次代码 Code是一段字符串,里边是js代码,Timeout是时间间隔,单位是微秒 <input name="txtTimer" value="10秒"> <SCRIPT LANGUAGE="javascript"> <!-- waitTime=10000; //10 秒 timer=setInterval("OnTimer()",1000); function OnTimer(){ waitTime=waitTime-1000; if(waitTime==0){ window.close(); } txtTimer.value=waitTime/1000+"秒"; } //--> </SCRIPT> 17.得到本页网址 var Url = window.location.href; 18.IE地址栏前换成自己的图标 <link rel="Shortcut Icon" href="favicon.ico" mce_href="favicon.ico">
相关文章推荐
- 从JavaScript 到 JQuery (1)学习小结
- JavaScript学习小结
- 每天一篇javascript学习小结(String对象)
- 每天一篇javascript学习小结(属性定义方法)
- JavaScript学习笔记(十)——学习心得与经验小结
- JavaScript学习小结之使用canvas画“哆啦A梦”时钟
- 每天一篇javascript学习小结(基础知识)
- JavaScript面向对象学习小结
- javascript事件学习小结
- JavaScript学习小结(7)之JS RegExp
- 每天一篇javascript学习小结(面向对象编程)
- JavaScript事件学习小结(五)js中事件类型之鼠标事件
- JavaScript学习小结
- JavaScript学习笔记(十)——学习心得与经验小结
- 每天一篇javascript学习小结(Boolean对象)
- JavaScript学习小结之使用canvas画“哆啦A梦”时钟
- Javascript模块化编程学习小结
- JavaScript学习小结
- 每个程序员都需要学习 JavaScript 的7个理由小结
- Javascript基础学习小结