Javascript学习------内部对象 String Date event(重要)
1.String 對(duì)象
? ·創(chuàng)建String對(duì)象:var String =new String(StringText);
? ? (事實(shí)上任一一個(gè)字符串常量都是String對(duì)象,可以直接使用;
? ? ? 字符串與String對(duì)象的區(qū)別是:前者返回的typeof值是String類(lèi)型,后者返回的是Object類(lèi)型)
??
? ·String對(duì)象的屬性(length、constructor、prototype)
? ·String對(duì)象的方法
? ? anchor():常見(jiàn)HTML錨;
? ? 格式化字符串的方法:
? ? ? ?big():使用大號(hào)字體;small():使用小號(hào)字體
? ? ? ?bold():粗體 ? ? ?;italics():斜體 ? ?;strike():刪除線
? ? ? ?fontsize():指定字符大小
? ? ? ?fontcolor():指定字符顏色
? ? link(URL):將字符串顯示為鏈接
? ? blink():顯示閃動(dòng)的字符串(IE不支持)
? ? 轉(zhuǎn)換大小寫(xiě):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 對(duì)象
? ·創(chuàng)建Date對(duì)象:var obj = new Date();
? ? ? ? ? ? ? ? ? var obj = new Date(dataVal);
? ? ? ? ? ? ? ? ? var obj = new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);
? ? 注:dataVal如果是數(shù)字值,表示指定日期與1970年1月1日午夜間全球標(biāo)準(zhǔn)時(shí)間的毫秒數(shù)。
? ? ? ? ? ? ? ?如果是字符串,那么按照parse方法中的規(guī)則進(jìn)行解析。
?·Date對(duì)象的屬性只有兩個(gè):constructor,prototype
?·Data對(duì)象的方法:
? ?Data():返回系統(tǒng)時(shí)間
? ?獲取時(shí)間和設(shè)置時(shí)間的方法:getDate();setDate()
3.event對(duì)象
?·Javascript用event對(duì)象來(lái)描述Javascript事件;比如事件在其中發(fā)生的元素、鍵盤(pán)按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài)? ?
? ?在IE中引用event對(duì)象,他被作為window對(duì)象屬性訪問(wèn):window.event;
? ?語(yǔ)法:
? ?elementObject.OnXXX=function(){
? ? ? ? ? ? var eve=window.event; // 聲明一個(gè)變量來(lái)接收event對(duì)象
? ? ? }
? ?在W3C中引用event對(duì)象,此時(shí)必須將event對(duì)象作為一個(gè)參數(shù)傳遞到事件處理函數(shù)中。
? ?語(yǔ)法:
? ?elementObject.OnXXX=function(e){
? ? ? ? ? ? ? var eve=e; // 聲明一個(gè)變量來(lái)接收 event 對(duì)象
? ? ? }?
? ? ??上面的式子可以合并成:
? ? ??elementObject.OnXXX=function(e){
? ? ? ? ? ? ?var eve = e || window.event;? // 使用 || 運(yùn)算取得event對(duì)象
? ? ? }
? ?對(duì)event對(duì)象的介紹參考鏈接:
? ? ? ? ? ?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>無(wú)標(biāo)題文檔</title> <script?type="text/javascript"?src="event.js"></script> <script?language="javascript"?type="text/javascript">//獲取按下的鍵盤(pán)上的鍵document.οnkeydοwn=showkey;//獲取按下的鼠標(biāo)鍵//document.οnmοusedοwn=showmouse;//獲取鼠標(biāo)的坐標(biāo)document.οnmοusedοwn=getXY;//文字隨鼠標(biāo)移動(dòng)document.οnmοusemοve=txtmove; </script></head> <body>? <div?id="divId"?style="position:?absolute;?margin-left:20px;">? 移動(dòng)的文字? </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);}//可以設(shè)置shift,alt,ctrl同時(shí)按下動(dòng)作 } function?showmouse(e){//button?屬性?xún)H用于||window.event;if(e.button==0){alert("按下鼠標(biāo)左鍵");}if(e.button==1){alert("按下鼠標(biāo)中鍵");}if(e.button==2){alert("按下鼠標(biāo)右鍵");} } function?getXY(e){var?eve=e||window.event;alert(e.clientX+"?"+e.clientY); }//很有趣的代碼,可以是文字隨鼠標(biāo)移動(dòng) 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; }? ----------使框體隨鼠標(biāo)移動(dòng)的示例
<!--這是一個(gè)可移動(dòng)框體的示例;要被移動(dòng)的框體的style必須設(shè)置top和left屬性--> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>可移動(dòng)框體</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="點(diǎn)擊這個(gè)圖標(biāo)關(guān)閉窗口"?style="margin-top:3px;float:right;"?/><br/><br/><br/><br/><span>這個(gè)窗口可以移動(dòng)<br/>也可以被關(guān)閉</span> </div> </body> </html>轉(zhuǎn)載于:https://blog.51cto.com/7613943/1429619
總結(jié)
以上是生活随笔為你收集整理的Javascript学习------内部对象 String Date event(重要)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 支持将数据导出到Excel文档的时候设置
- 下一篇: 《Javascript高级程序设计》读书