1.String 对象
·创建String对象:var String =new String(StringText);
(事实上任一一个字符串常量都是String对象,可以直接使用;
字符串与String对象的区别是:前者返回的typeof值是String类型,后者返回的是Object类型)
·String对象的属性(length、constructor、prototype)
·String对象的方法
anchor():常见HTML锚;
格式化字符串的方法:
big():使用大号字体;small():使用小号字体
bold():粗体 ;italics():斜体 ;strike():删除线
fontsize():指定字符大小
fontcolor():指定字符颜色
link(URL):将字符串显示为链接
blink():显示闪动的字符串(IE不支持)
转换大小写:toLowerCase();toUpperCase();
document.write(s.anchor("a")); document.write(s.big()); document.write(s.small()); document.write(s.bold()); document.write(s.strike()); document.write(s.italics()); document.write(s.blink()); document.write(s.link("test.html")); document.write(s.toUpperCase()); document.write(s.toLowerCase());
2.Date 对象
·创建Date对象:var obj = new Date();
var obj = new Date(dataVal);
var obj = new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);
注:dataVal如果是数字值,表示指定日期与1970年1月1日午夜间全球标准时间的毫秒数。
如果是字符串,那么按照parse方法中的规则进行解析。
·Date对象的属性只有两个:constructor,prototype
·Data对象的方法:
Data():返回系统时间
获取时间和设置时间的方法:getDate();setDate()
3.event对象
·Javascript用event对象来描述Javascript事件;比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态
在IE中引用event对象,他被作为window对象属性访问:window.event;
语法:
elementObject.OnXXX=function(){
var eve=window.event; // 声明一个变量来接收event对象
}
在W3C中引用event对象,此时必须将event对象作为一个参数传递到事件处理函数中。
语法:
elementObject.OnXXX=function(e){
var eve=e; // 声明一个变量来接收 event 对象
}
上面的式子可以合并成:
elementObject.OnXXX=function(e){
var eve = e || window.event; // 使用 || 运算取得event对象
}
对event对象的介绍参考链接:
http://www.itxueyuan.org/view/6340.html
http://www.w3school.com.cn/jsref/dom_obj_event.asp
代码示例:
<!doctype html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript" src="event.js"></script> <script language="javascript" type="text/javascript"> //获取按下的键盘上的键 document.onkeydown=showkey; //获取按下的鼠标键 //document.onmousedown=showmouse; //获取鼠标的坐标 document.onmousedown=getXY; //文字随鼠标移动 document.onmousemove=txtmove; </script> </head> <body> <div id="divId" style="position: absolute; margin-left:20px;"> 移动的文字 </div> <p class="move_out">this</p> </body> </html>
// JavaScript Document function showkey(e){ var eve=e||window.event; if(eve.crtlKey){ alert("ctrl:"+eve.keyCode); } if(eve.shiftKey){ alert("shift:"+eve.keyCode); } if(eve.altKey){ alert("alt:"+eve.keyCode); } if(eve.keyCode){ alert(String.fromCharCode(eve.keyCode)+":"+eve.keyCode); } //可以设置shift,alt,ctrl同时按下动作 } function showmouse(e){ //button 属性仅用于||window.event; if(e.button==0){ alert("按下鼠标左键"); } if(e.button==1){ alert("按下鼠标中键"); } if(e.button==2){ alert("按下鼠标右键"); } } function getXY(e){ var eve=e||window.event; alert(e.clientX+" "+e.clientY); } //很有趣的代码,可以是文字随鼠标移动 function txtmove(e){ var eve=e||window.event; var x=eve.clientX; var y=eve.clientY; var divId=document.getElementById("divId"); if(!divId){ return; } divId.style.left=x; divId.style.top=y; }
----------使框体随鼠标移动的示例
<!--这是一个可移动框体的示例;要被移动的框体的style必须设置top和left属性--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可移动框体</title> </head> <script text="text/javascript"> var Obj="none"; var pX; var pY; document.onmousemove=function(){ if(Obj!="none"){ document.all(Obj).style.left=pX+window.event.x; document.all(Obj).style.top=pY+window.event.y; } } document.onmouseup=function(){ Obj="none"; } function div_down(tag){ Obj=tag; pX=parseInt(document.all(Obj).style.left)-event.x; pY=parseInt(document.all(Obj).style.top)-event.y; } function hide(divid){ var x=document.getElementById(divid); x.style.visibility="hidden"; } </script> <body> <div id="div1" style="visibility:visible ; background-color:lightblue; position: absolute; top: 60px; left: 200px; width: 300px; height:200px; "> <div onmousedown=div_down("div1") style="background-color:lightgreen; width:255px; float:left; cursor:move; text-indent:20px;">示例</div> <img src="this.png" onclick=hide("div1") alt="点击这个图标关闭窗口" style="margin-top:3px;float:right;" /> <br/><br/><br/><br/> <span>这个窗口可以移动<br/>也可以被关闭</span> </div> </body> </html>