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.οnkeydοwn=showkey;
//获取按下的鼠标键
//document.οnmοusedοwn=showmouse;
//获取鼠标的坐标
document.οnmοusedοwn=getXY;
//文字随鼠标移动
document.οnmοusemοve=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.οnmοusemοve=function(){
if(Obj!="none"){
document.all(Obj).style.left=pX+window.event.x;
document.all(Obj).style.top=pY+window.event.y;
}
}
document.οnmοuseup=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 οnmοusedοwn=div_down("div1") style="background-color:lightgreen; width:255px; float:left; cursor:move; text-indent:20px;">示例</div>
<img src="this.png" οnclick=hide("div1") alt="点击这个图标关闭窗口" style="margin-top:3px;float:right;" />
<br/><br/><br/><br/>
<span>这个窗口可以移动<br/>也可以被关闭</span>
</div>
</body>
</html>
转载于:https://blog.51cto.com/7613943/1429619