javascript技巧全集(六)

 //自定義提示條

        <ahref="#" title="這是提示">tip</a>
        <scriptLanguage="JavaScript">
        //***********
默認設置定義.*********************
        tPopWait=50;//停留tWait豪秒後顯示提示。
        tPopShow=5000;//顯示tShow豪秒後關閉提示
        showPopStep=20;
        popOpacity=99;
        //***************內部變量定義*****************
        sPop=null;
        curShow=null;
        tFadeOut=null;
        tFadeIn=null;
        tFadeWaiting=null;
        document.write("<styletype='text/css'id='defaultPopStyle'>");
        document.write(".cPopText {background-color: #F8F8F5;color:#000000; border: 1px #000000solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px;height: 20px; padding-top: 2px; padding-bottom: 2px; filter:Alpha(Opacity=0)}");
       document.write("</style>");
        document.write("<div id='dypopLayer'style='position:absolute;z-index:1000;'class='cPopText'></div>");

        functionshowPopupText(){
        var o=event.srcElement;
        MouseX=event.x;
        MouseY=event.y;
        if(o.alt!=null &&o.alt!=""){o.dypop=o.alt;o.alt=""};
        if(o.title!=null &&o.title!=""){o.dypop=o.title;o.title=""};
        if(o.dypop!=sPop) {
        sPop=o.dypop;
        clearTimeout(curShow);
        clearTimeout(tFadeOut);
        clearTimeout(tFadeIn);
        clearTimeout(tFadeWaiting);
        if(sPop==null || sPop==""){
        dypopLayer.innerHTML="";
       dypopLayer.style.filter="Alpha()";
        dypopLayer.filters.Alpha.opacity=0;
        }
        else {
        if(o.dyclass!=null)popStyle=o.dyclass
        else popStyle="cPopText";
       curShow=setTimeout("showIt()",tPopWait);
        }
        }
        }
        function showIt(){
        dypopLayer.className=popStyle;
        dypopLayer.innerHTML=sPop;
        popWidth=dypopLayer.clientWidth;
        popHeight=dypopLayer.clientHeight;
       if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
        else popLeftAdjust=0;
       if(MouseY+12+popHeight>document.body.clientHeight)popTopAdjust=-popHeight-24
        else popTopAdjust=0;
       dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
       dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
       dypopLayer.style.filter="Alpha(Opacity=0)";
        fadeOut();
        }
        function fadeOut(){
       if(dypopLayer.filters.Alpha.opacity<popOpacity) {
       dypopLayer.filters.Alpha.opacity+=showPopStep;
       tFadeOut=setTimeout("fadeOut()",1);
        }
        else {
        dypopLayer.filters.Alpha.opacity=popOpacity;
       tFadeWaiting=setTimeout("fadeIn()",tPopShow);
        }
        }
        function fadeIn(){
       if(dypopLayer.filters.Alpha.opacity>0) {
        dypopLayer.filters.Alpha.opacity-=1;
        tFadeIn=setTimeout("fadeIn()",1);
        }
        }
        document.onmouseover=showPopupText;
        </script>


        //
插入文字

       document.onclick =function(){
        var oSource =window.event.srcElement;
        if(oSource.tagName!="DIV")
        return false;
        var sel = document.selection;
        if (sel!=null) {
        var rng = sel.createRange();
        if (rng!=null)
        rng.pasteHTML("<fontcolor=red>
插入文字</font>");
        }
        }

 

        //netscapte下操作xml

        doc = new ActiveXObject("Msxml2.DOMDocument");
        doc = newActiveXObject("Microsoft.XMLDOM")
        ->>
        doc = (newDOMParser()).parseFromString(sXML,'text/xml')


        //
禁止FSO

        1.註銷組件
        regsvr32 /u scrrun.dll
        2.
修改PROGID
       HKEY_CLASSES_ROOT\Scripting.FileSystemObject
        Scripting.FileSystemObject
        3.對於使用object的用戶,修改HKEY_CLASSES_ROOT\Scripting.


        //
省略號

        <DIVSTYLE="width: 120px; height: 50px; border: 1px solid blue;
        overflow: hidden;text-overflow:ellipsis">
        <NOBR>
就是比如有一行文字,很長,表格內一行顯示不下.</NOBR>
        </DIV>


        //
判斷鍵值

        <html>
        <metahttp-equiv="Content-Type" content="text/html;charset=gb2312">
        <head>
        <scriptlanguage="javascript">
        var ie=navigator.appName=="Microsoft Internet Explorer"?true:false;

        functionkeyDown(e)
        {
        if(!ie)
        {
        var nkey=e.which;
        var iekey='
現在是ns瀏覽器';
        varrealkey=String.fromCharCode(e.which);
        }
        if(ie)
        {
        var iekey=event.keyCode;
        var nkey='現在是ie瀏覽器';
        varrealkey=String.fromCharCode(event.keyCode);
        if(event.keyCode==32){realkey='\' 空格\''}
        if(event.keyCode==13){realkey='\' 回車\''}
        if(event.keyCode==27){realkey='\'Esc\''}
        if(event.keyCode==16){realkey='\'Shift\''}
        if(event.keyCode==17){realkey='\'Ctrl\''}
        if(event.keyCode==18){realkey='\'Alt\''}
        }
        alert('ns瀏覽器中鍵值:'+nkey+'\n'+'ie瀏覽器中鍵值:'+iekey+'\n'+'實際鍵爲'+realkey);
        }
        document.onkeydown = keyDown;
        </script>
        </head>
        <body>
        //Javascript Document.
        <hr>
        <center>
        <h3>請按任意一個鍵。。。。</h3>
        </center>
        </body>
        </html>

 

        //檢測media play版本

       <IE:clientCaps ID="oClientCaps"style="{behavior:url(#default#clientcaps)}" />
        <SCRIPT>
        var flash="";
        WMPVersion=oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID");
        if (WMPVersion != "") {
        flash = "";
        var version =WMPVersion.split(",");
        var i;
        for (i = 0; i < version.length;i++) {
        if (i != 0)
        flash += ".";
        flash += version;
        }
        document.write("
您的Windows Media Player 版本是:"+flash+"<p>");
        }
        </SCRIPT>

 

        //圖象按比例

        <scriptlanguage="JavaScript">
        <!--
        //
圖片按比例縮放
        var flag=false;
        function DrawImage(ImgD){
        var image=new Image();
        var iwidth = 80; //
定義允許圖片寬度
        var iheight = 80; //定義允許圖片高度
        image.src=ImgD.src;
        if(image.width>0 &&image.height>0){
        flag=true;
        if(image.width/image.height>=iwidth/iheight){
        if(image.width>iwidth){
        ImgD.width=iwidth;
       ImgD.height=(image.height*iwidth)/image.width;
        }else{
        ImgD.width=image.width;
        ImgD.height=image.height;
        }
        ImgD.alt=image.width+"×"+image.height;
        }
        else{
        if(image.height>iheight){
        ImgD.height=iheight;
       ImgD.width=(image.width*iheight)/image.height;
        }else{
        ImgD.width=image.width;
        ImgD.height=image.height;
        }
       ImgD.alt=image.width+"×"+image.height;
        }
        }
        }
        //-->
        </script>
        <img src=".." onload ="DrawImage(this)">

 

        //細線SELECT

        <spanstyle="border:1px solid #000000; position:absolute; overflow:hidden;">
        <selectstyle="margin:-2px;">
        <option>1111</option>
       <option>11111111111111</option>
       <option>111111111</option>
        </select></span>


        //Import

        functionImport() {
        for( var i=0; i<arguments.length;i++ ) {
        var file = arguments;
        if ( file.match(/\.js$/i))
        document.write('<scripttype=\"text/javascript\" src=\"' + file + '\"></sc' +'ript>');
        else
        document.write('<styletype=\"text/css\">@import \"' + file + '\";</style>');
        }
        };


        //js
枚舉

        functiongetComputerName()
        {
        var objWMIService =GetObject("Winmgmts:root\cimv2");
        for(e = new Enumerator(objWMIService); !e.atEnd() ; e.moveNext())
        {
        var getComputer = e.item();
        return getComputer.Name;
        }
        }


        //
條件編譯

        <scriptlanguage=javascript>
        /*@cc_on @*/
        /*@if (@_win32 &&@_jscript_version>5)
        function window.confirm(str)
        {
        execScript("n = msgbox('"+str +"', 257)", "vbscript");
        return(n == 1);
        }
        @end @*/
        </script>


        //
取得innerText


        <SCRIPT LANGUAGE="JavaScript">
        <!--
        var xmlDoc = newActiveXObject("Msxml2.DOMDocument.4.0");
        var currNode;
        xmlDoc.async = false;
        xmlDoc.async = false;
       xmlDoc.loadXML("<TABLENAME>
你好你阿三 大法司法等四 </TABLENAME>");
        currNode = xmlDoc.documentElement;

        var s =currNode.xml;
        var r =/\<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\/\1\>/
        var b = s.replace(r,"$2");
        alert(b);
        //-->
        </SCRIPT>


        //mergeAttributes
複製所有讀/寫標籤屬性到指定元素。

        <SCRIPT>
        function fnMerge(){
       oSource.children[1].mergeAttributes(oSource.children[0]);
        }
        </SCRIPT>
        <SPAN ID=oSource>
        <DIV
        ID="oDiv"
        ATTRIBUTE1="true"
        ATTRIBUTE2="true"
        onclick="alert('click');"
       onmouseover="this.style.color='#0000FF';"
       onmouseout="this.style.color='#000000';"
        >
        This is a sample<B>DIV</B> element.
        </DIV>
        <DIV ID="oDiv2">
        This is another sample<B>DIV</B> element.
        </DIV>
        </SPAN>
        <INPUT
        TYPE="button"
        VALUE="Merge Attributes"
        onclick="fnMerge()"
        > 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章