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>