posts - 10,comments - 5,trackbacks - 0

          from:http://www.blueidea.com/bbs/NewsDetail.asp?lp=1&id=2201069
          選擇自 lovinglgz 的 Blog 常用的一些javascript小技巧

          事件源對象


          event.srcElement.tagName
          event.srcElement.type


          捕獲釋放


          event.srcElement.setCapture();?
          event.srcElement.releaseCapture();


          事件按鍵


          ?
          event.keyCode
          event.shiftKey
          event.altKey
          event.ctrlKey


          事件返回值


          ?
          event.returnValue


          鼠標位置
          event.x
          event.y
          窗體活動元素
          document.activeElement
          綁定事件


          ?
          document.captureEvents(Event.KEYDOWN);


          訪問窗體元素


          document.all("txt").focus();
          document.all("txt").select();


          窗體命令
          document.execCommand
          窗體COOKIE
          document.cookie
          菜單事件
          document.oncontextmenu
          創建元素


          document.createElement("SPAN");


          根據鼠標獲得元素:


          ?
          document.elementFromPoint(event.x,event.y).tagName=="TD
          document.elementFromPoint(event.x,event.y).appendChild(ms)


          窗體圖片
          document.images[索引]
          窗體事件綁定
          document.onmousedown=scrollwindow;
          元素
          document.窗體.elements[索引]
          對象綁定事件


          document.all.xxx.detachEvent('onclick',a);


          插件數目
          navigator.plugins
          取變量類型


          ?
          typeof($js_libpath) == "undefined"


          下拉框
          下拉框.options[索引]
          下拉框.options.length
          查找對象


          document.getElementsByName("r1");
          document.getElementById(id);


          定時


          timer=setInterval('scrollwindow()',delay);
          clearInterval(timer);


          UNCODE編碼
          escape() ,unescape
          父對象


          obj.parentElement(dhtml)
          obj.parentNode(dom)


          交換表的行


          ?
          TableID.moveRow(2,1)


          替換CSS
          document.all.csss.href = "a.css";
          并排顯示
          display:inline
          隱藏焦點
          hidefocus=true
          根據寬度換行
          style="word-break:break-all"
          自動刷新
          <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
          簡單郵件
          <a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
          快速轉到位置
          obj.scrollIntoView(true)

          <a name="first">
          <a href="#first">anchors</a>
          網頁傳遞參數


          ?
          location.search();


          可編輯
          obj.contenteditable=true
          執行菜單命令
          obj.execCommand
          雙字節字符
          /[^\x00-\xff]/
          漢字
          /[\u4e00-\u9fa5]/
          讓英文字符串超出表格寬度自動換行
          word-wrap: break-word; word-break: break-all;
          透明背景
          <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
          獲得style內容
          obj.style.cssText
          HTML標簽
          document.documentElement.innerHTML
          第一個style標簽
          document.styleSheets[0]
          style標簽里的第一個樣式
          document.styleSheets[0].rules[0]
          防止點擊空鏈接時,頁面往往重置到頁首端。


          ?
          <a href="javascript:function()">word</a>
          上一網頁源
          asp:
          request.servervariables("HTTP_REFERER")
          javascript:
          document.referrer


          釋放內存


          ?
          CollectGarbage();


          禁止右鍵


          document.oncontextmenu = function() { return false;}


          禁止保存


          <noscript><iframe src="*.htm"></iframe></noscript>


          禁止選取


          <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>


          禁止粘貼


          ?
          <input type=text onpaste="return false">


          地址欄圖標


          <link rel="Shortcut Icon" href="favicon.ico">


          favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下
          收藏欄圖標


          <link rel="Bookmark" href="favicon.ico">


          查看源碼


          ?
          <input type=button value=查看網頁源代碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">


          關閉輸入法


          ?
          <input style="ime-mode:disabled">


          自動全選


          ?
          <input type=text name=text1 value="123" onfocus="this.select()">


          ENTER鍵可以讓光標移到下一個輸入框


          ?
          <input onkeydown="if(event.keyCode==13)event.keyCode=9">


          文本框的默認值


          ?
          <input type=text value="123" onfocus="alert(this.defaultValue)">


          title換行


          ?
          obj.title = "123&#13sdfs&#32"


          獲得時間所代表的微秒


          var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()


          窗口是否關閉


          win.closed


          checkbox扁平


          ?
          <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)">


          獲取選中內容


          document.selection.createRange().duplicate().text


          自動完成功能


          ?
          <input? type=text? autocomplete=on>打開該功能?
          <input? type=text? autocomplete=off>關閉該功能


          窗口最大化


          <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">


          無關閉按鈕IE


          ?
          window.open("aa.htm", "meizz", "fullscreen=7");


          統一編碼/解碼


          ?
          alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
          encodeURIComponent對":"、"/"、";" 和 "?"也編碼


          表格行指示


          ?
          <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">


          //各種尺寸


          s? +=? "\r\n網頁可見區域寬:"+? document.body.clientWidth;??
          s? +=? "\r\n網頁可見區域高:"+? document.body.clientHeight;??
          s? +=? "\r\n網頁可見區域高:"+? document.body.offsetWeight? +"? (包括邊線的寬)";??
          s? +=? "\r\n網頁可見區域高:"+? document.body.offsetHeight? +"? (包括邊線的寬)";??
          s? +=? "\r\n網頁正文全文寬:"+? document.body.scrollWidth;??
          s? +=? "\r\n網頁正文全文高:"+? document.body.scrollHeight;??
          s? +=? "\r\n網頁被卷去的高:"+? document.body.scrollTop;??
          s? +=? "\r\n網頁被卷去的左:"+? document.body.scrollLeft;??
          s? +=? "\r\n網頁正文部分上:"+? window.screenTop;??
          s? +=? "\r\n網頁正文部分左:"+? window.screenLeft;??
          s? +=? "\r\n屏幕分辨率的高:"+? window.screen.height;??
          s? +=? "\r\n屏幕分辨率的寬:"+? window.screen.width;??
          s? +=? "\r\n屏幕可用工作區高度:"+? window.screen.availHeight;??
          s? +=? "\r\n屏幕可用工作區寬度:"+? window.screen.availWidth;


          //過濾數字
          <input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //特殊用途
          <input type=button value=導入收藏夾 onclick="window.external.ImportExportFavorites(true,'http://localhost');">
          <input type=button value=導出收藏夾 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
          <input type=button value=整理收藏夾 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
          <input type=button value=語言設置?? onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
          <input type=button value=加入收藏夾 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
          <input type=button value=加入到頻道 onclick="window.external.addChannel('http://www.google.com/')">
          <input type=button value=加入到頻道 onclick="window.external.showBrowserUI('PrivacySettings',null)">

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //不緩存


          <META HTTP-EQUIV="pragma" CONTENT="no-cache">
          <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
          <META HTTP-EQUIV="expires" CONTENT="0">


          //正則匹配


          匹配中文字符的正則表達式: [\u4e00-\u9fa5]
          匹配雙字節字符(包括漢字在內):[^\x00-\xff]
          匹配空行的正則表達式:\n[\s| ]*\r
          匹配HTML標記的正則表達式:/<(.*)>.*<\/\1>|<(.*) \/>/?
          匹配首尾空格的正則表達式:(^\s*)|(\s*$)(像vbscript那樣的trim函數)
          匹配Email地址的正則表達式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
          匹配網址URL的正則表達式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?


          以下是例子:
          利用正則表達式限制網頁表單里的文本框輸入內容:


          ?
          用正則表達式限制只能輸入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
          1.用正則表達式限制只能輸入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
          2.用正則表達式限制只能輸入數字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
          3.用正則表達式限制只能輸入數字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"


          //消除圖像工具欄
          <IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">?
          or
          ?
          <meta http-equiv="imagetoolbar" content="no">
          ?

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //無提示關閉

          ?

          function Close()
          {
          ?var ua=navigator.userAgent
          ?var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
          ?if(ie)
          ?{
          ????? var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
          ? if(IEversion< 5.5)
          ? {
          ?? var str? = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
          ?????? str += '<param name="Command" value="Close"></object>';
          ?????? document.body.insertAdjacentHTML("beforeEnd", str);
          ?????? document.all.noTipClose.Click();
          ? }
          ????? else
          ? {
          ?????? window.opener =null;
          ?????? window.close();
          ????? }
          ?? }
          ?else
          ?{
          ? window.close()
          ?? }
          }


          //取得控件得絕對位置(1)

          <script language="javascript">?
          function getoffset(e)
          {?
          ?var t=e.offsetTop;?
          ?var l=e.offsetLeft;?
          ?while(e=e.offsetParent)
          ?{?
          ? t+=e.offsetTop;?
          ? l+=e.offsetLeft;?
          ?}?
          ?var rec = new Array(1);
          ?rec[0]? = t;
          ?rec[1] = l;
          ?return rec
          }?
          ?

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //獲得控件的絕對位置(2)


          oRect = obj.getBoundingClientRect();
          oRect.left
          oRect.


          //最小化,最大化,關閉
          <object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">?
          <param name="Command" value="Minimize"></object>?
          <object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">?
          <param name="Command" value="Maximize"></object>?
          <OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">?
          <PARAM NAME="Command" value="Close"></OBJECT>?
          <input type=button value=最小化 onclick=min.Click()>?
          <input type=button value=最大化 onclick=max.Click()>?
          <input type=button value=關閉 onclick=close.Click()>?

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //光標停在文字最后
          <script language="javascript">
          function cc()
          {
          ?var e = event.srcElement;
          ?var r =e.createTextRange();
          ?r.moveStart('character',e.value.length);
          ?r.collapse(true);
          ?r.select();
          }
          ?
          <input type=text name=text1 value="123" onfocus="cc()">

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //頁面進入和退出的特效


          進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
          推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
          這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間,以秒為單位。transition表示使
          用哪種特效,取值為1-23:
            0 矩形縮小
            1 矩形擴大
            2 圓形縮小
            3 圓形擴大
            4 下到上刷新
            5 上到下刷新
            6 左到右刷新
            7 右到左刷新
            8 豎百葉窗
            9 橫百葉窗
            10 錯位橫百葉窗
            11 錯位豎百葉窗
            12 點擴散
            13 左右到中間刷新
            14 中間到左右刷新
            15 中間到上下
            16 上下到中間
            17 右下到左上
            18 右上到左下
            19 左上到右下
            20 左下到右上
            21 橫條
            22 豎條
            23
          //網頁是否被檢索

          <meta name="ROBOTS" content="屬性值">
            其中屬性值有以下一些:
            屬性值為"all": 文件將被檢索,且頁上鏈接可被查詢;
            屬性值為"none": 文件不被檢索,而且不查詢頁上的鏈接;
            屬性值為"index": 文件將被檢索;
            屬性值為"follow": 查詢頁上的鏈接;
            屬性值為"noindex": 文件不檢索,但可被查詢鏈接;
            屬性值為"nofollow":

          //打印分頁
          <p? style="page-break-after:always">page1</p>??
          <p? style="page-break-after:always">page2</p>??

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //設置打印
          ?
          <object id="factory" style="display:none" viewastext
          ? classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
          ? codebase="></object>
          <input type=button value=頁面設置 onclick="factory.printing.PageSetup()">
          <input type=button value=打印預覽 onclick="factory.printing.Preview()">
          ?
          <script language=javascript>
          function window.onload()
          {
          ?? // -- advanced features
          ?? factory.printing.SetMarginMeasure(2) // measure margins in inches
          ?? factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3
          ?? factory.printing.printer = "HP DeskJet 870C"
          ?? factory.printing.copies = 2
          ?? factory.printing.collate = true
          ?? factory.printing.paperSize = "A4"
          ?? factory.printing.paperSource = "Manual feed"
          ?? // -- basic features
          ?? factory.printing.header = "居左顯示&b居中顯示&b居右顯示頁碼,第&p頁/共&P頁"
          ?? factory.printing.footer = "(自定義頁腳)"
          ?? factory.printing.portrait = false
          ?? factory.printing.leftMargin = 0.75
          ?? factory.printing.topMargin = 1.5
          ?? factory.printing.rightMargin = 0.75
          ?? factory.printing.bottomMargin = 1.5
          }
          function Print(frame) {
          ? factory.printing.Print(true, frame) // print with prompt
          }
          ?
          <input type=button value="打印本頁" onclick="factory.printing.Print(false)">
          <input type=button value="頁面設置" onclick="factory.printing.PageSetup()">
          <input type=button value="打印預覽" onclick="factory.printing.Preview()"><br>
          <a href="

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //自帶的打印預覽


          WebBrowser.ExecWB(1,1) 打開?
          Web.ExecWB(2,1) 關閉現在所有的IE窗口,并打開一個新窗口?
          Web.ExecWB(4,1) 保存網頁?
          Web.ExecWB(6,1) 打印?
          Web.ExecWB(7,1) 打印預覽?
          Web.ExecWB(8,1) 打印頁面設置?
          Web.ExecWB(10,1) 查看頁面屬性?
          Web.ExecWB(15,1) 好像是撤銷,有待確認?
          Web.ExecWB(17,1) 全選?
          Web.ExecWB(22,1) 刷新?
          Web.ExecWB(45,1) 關閉窗體無提示?
          <style media=print>?
          .Noprint{display:none;}<!--用本樣式在打印時隱藏非打印項目-->?
          .PageNext{page-break-after: always;}<!--控制分頁-->?
          </style>?
          <object? id="WebBrowser"? width=0? height=0? classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">????
          </object>????
          ?
          <center class="Noprint" >
          <input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>?
          <input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>?
          <input type=button value=頁面設置 onclick=document.all.WebBrowser.ExecWB(8,1)>?
          </p>?
          <p> <input type=button value=打印預覽 onclick=document.all.WebBrowser.ExecWB(7,1)>?
          </center>


          //去掉打印時的頁眉頁腳
          ?
          <script? language="JavaScript">??
          var HKEY_Root,HKEY_Path,HKEY_Key;
          HKEY_Root="HKEY_CURRENT_USER";
          HKEY_Path="
          \\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
          //設置網頁打印的頁眉頁腳為空
          function PageSetup_Null()
          {
          ?try
          ?{
          ???????? var Wsh=new ActiveXObject("WScript.Shell");
          ? HKEY_Key="header";
          ? Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
          ? HKEY_Key="footer";
          ? Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
          ?}
          ?catch(e){}
          }
          //設置網頁打印的頁眉頁腳為默認值
          function? PageSetup_Default()
          {??
          ?try
          ?{
          ? var Wsh=new ActiveXObject("WScript.Shell");
          ? HKEY_Key="header";
          ? Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b頁碼,&p/&P");
          ? HKEY_Key="footer";
          ? Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
          ?}
          ?catch(e){}
          }
          ?
          <input type="button" value="清空頁碼" onclick=PageSetup_Null()>
          <input type="button" value="恢復頁碼" onclick=PageSetup_Default()>

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //瀏覽器驗證

          ?

          function checkBrowser()
          {?
          ?? this.ver=navigator.appVersion?
          ?? this.dom=document.getElementById?1:0?
          ?? this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;?
          ?? this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;?
          ?? this.ie4=(document.all && !this.dom)?1:0;?
          ?? this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;?
          ?? this.ns4=(document.layers && !this.dom)?1:0;?
          ?? this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;?
          ?? this.ope=(navigator.userAgent.indexOf('Opera')>-1);?
          ?? this.ie=(this.ie6 || this.ie5 || this.ie4)?
          ?? this.ns=(this.ns4 || this.ns5)?
          ?? this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)?
          ?? this.nbw=(!this.bw)?
          ?? return this;
          }


          //計算內容寬和高
          <SCRIPT? language="javascript">??
          function? test(obj)??
          {??
          ?????? var? range? =? obj.createTextRange();??
          ?????? alert("內容區寬度:? "? +? range.boundingWidth????
          ???????????????????????????????????????????????? +? "px\r\n內容區高度:? "? +? range.boundingHeight? +? "px");??
          ?????????????
          }??
          </SCRIPT>??
          <BODY>??
          <Textarea id="txt" height="150">sdf</textarea><INPUT? type="button"? value="計算內容寬度"? onClick="test(txt)">??
          </BODY>

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //無模式的提示框


          function modelessAlert(Msg)
          {
          ?? window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
          }


          //屏蔽按鍵
          ?
          ?
          ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          ? <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
          ? <title>屏蔽鼠標右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵</title>
          ?
          ?
          <script language="Javascript"><!--
          ? //屏蔽鼠標右鍵、Ctrl+N、Shift+F10、F11、F5刷新、退格鍵
          ? //Author: meizz(梅花雨) 2002-6-18
          function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠標右鍵
          function window.onhelp(){return false} //屏蔽F1幫助
          function document.onkeydown()
          {
          ? if ((window.event.altKey)&&
          ????? ((window.event.keyCode==37)||?? //屏蔽 Alt+ 方向鍵 ←
          ?????? (window.event.keyCode==39)))?? //屏蔽 Alt+ 方向鍵 →
          ? {
          ???? alert("不準你使用ALT+方向鍵前進或后退網頁!");
          ???? event.returnValue=false;
          ? }
          ???? /* 注:這還不是真正地屏蔽 Alt+ 方向鍵,
          ???? 因為 Alt+ 方向鍵彈出警告框時,按住 Alt 鍵不放,
          ???? 用鼠標點掉警告框,這種屏蔽方法就失效了。以后若
          ???? 有哪位高手有真正屏蔽 Alt 鍵的方法,請告知。*/
          ? if ((event.keyCode==8)? ||???????????????? //屏蔽退格刪除鍵
          ????? (event.keyCode==116)||???????????????? //屏蔽 F5 刷新鍵
          ????? (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
          ???? event.keyCode=0;
          ???? event.returnValue=false;
          ???? }
          ? if (event.keyCode==122){event.keyCode=0;event.returnValue=false;}? //屏蔽F11
          ? if (event.ctrlKey && event.keyCode==78) event.returnValue=false;?? //屏蔽 Ctrl+n
          ? if (event.shiftKey && event.keyCode==121)event.returnValue=false;? //屏蔽 shift+F10
          ? if (window.event.srcElement.tagName == "A" && window.event.shiftKey)?
          ????? window.event.returnValue = false;???????????? //屏蔽 shift 加鼠標左鍵新開一網頁
          ? if ((window.event.altKey)&&(window.event.keyCode==115))???????????? //屏蔽Alt+F4
          ? {
          ????? window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
          ????? return false;
          ? }
          }
          ?
          屏蔽鼠標右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵
          ?


          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //屏蔽打印
          <style>
          @media print{
          * {display:none}
          }
          </style>

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //移動的圖層,拖動


          1.
          <span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
          <script language=javascript>
          var Obj;
          function MouseDown(obj)
          {
          ? Obj=obj;
          ? Obj.setCapture();
          ? Obj.l=event.x-Obj.style.pixelLeft;
          ? Obj.t=event.y-Obj.style.pixelTop;
          }
          function MouseMove()
          {
          ? if(Obj!=null)
          ? {
          ??? Obj.style.left = event.x-Obj.l;
          ??? Obj.style.top = event.y-Obj.t;
          ? }
          }
          function MouseUp()
          {
          ? if(Obj!=null)
          ? {
          ??? Obj.releaseCapture();
          ??? Obj=null;
          ? }
          }
          ?

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          <div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
          <a href="#" onclick="return false"><h1>wlecome</h1></a>
          </div>
          <script language="JavaScript" type="text/javascript">
          var orgMouseX;
          var orgMouseY;
          var orgObjX;
          var orgObjY;
          function doDrag()
          {
          var myObject=document.all.myDiv;

          var x=event.clientX;
          var y=event.clientY;
          myObject.style.left=x-(orgMouseX-orgObjX);
          myObject.style.top=y-(orgMouseY-orgObjY);
          ?
          }
          function doMouseDown()
          {
          orgMouseX=event.clientX;
          orgMouseY=event.clientY;
          orgObjX=parseInt(document.all.myDiv.style.left);
          orgObjY=parseInt(document.all.myDiv.style.top);
          }

          ?

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //文檔狀態改變
          <iframe src="a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0></iframe>
          ?
          var doc=window.frames["f"].document;
          function s(){
          ?if (doc.readyState=="complete"){
          ? document.all.f.style.height=doc.body.scrollHeight
          ? document.all.f.style.width=doc.body.scrollWidth
          ?}
          }
          doc.onreadystatechange=s
          ?

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //刷新后不變的文本框
          <HTML>
          <HEAD>
          <META NAME="save" CONTENT="history">
          <STYLE>
          ?? .sHistory {behavior:url(#default#savehistory);}
          </STYLE>
          </HEAD>
          <BODY>
          <INPUT class=sHistory type=text id=oPersistInput>
          </BODY>
          </HTML>

          ?[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
          //訪問剪貼板

          (1)拖拽訪問


          event.dataTransfer.setData("URL", oImage.src);
          sImageURL = event.dataTransfer.getData("URL");


          (2)普通訪問


          ?
          window.clipboardData.setData("Text",oSource.innerText);
          window.clipboardData.getData("Text");

          ?

          //操作COOKIE

          ?

          function SetCookie(sName, sValue)
          {
          ?document.cookie = sName + "=" + escape(sValue) + "; ";
          }
          function GetCookie(sName)
          {
          ?var aCookie = document.cookie.split("; ");
          ?for (var i=0; i < aCookie.length; i++)
          ?{
          ??
          ? var aCrumb = aCookie[i].split("=");
          ? if (sName == aCrumb[0])?
          ? return unescape(aCrumb[1]);
          ?}
          ?
          }
          function DelCookie(sName)
          {
          document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
          }

          ?

          posted on 2006-05-12 18:49 Stellar.He 閱讀(92) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 罗定市| 河源市| 津市市| 唐山市| 依兰县| 博湖县| 海宁市| 渝北区| 伊通| 平陆县| 湘乡市| 扎囊县| 高雄市| 精河县| 喜德县| 红安县| 嘉鱼县| 高安市| 鞍山市| 台湾省| 平乐县| 衡阳市| 丰台区| 师宗县| 麻栗坡县| 来安县| 沁水县| 盐亭县| 二连浩特市| 资溪县| 河池市| 曲松县| 鄂伦春自治旗| 托克托县| 会同县| 墨玉县| 朝阳区| 甘谷县| 固镇县| 太谷县| 环江|