Javascript学习------内部对象 String Date event（重要）
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
總結
以上是生活随笔為你收集整理的Javascript学习------内部对象 String Date event（重要）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 支持将数据导出到Excel文档的时候设置
- 下一篇： 【转】android学习日记01--综述