zoukankan      html  css  js  c++  java
  • 200多个js技巧代码(七)

    199.模式窗口
    父窗口
    var url="aaa.jsp";
    var
    
    data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab
    
    le:Yes;edge:sunken");
    if(data)
     alert(data.value);
     
    子窗口
    var data=new Object();
    data.value1="china";
    window.returnValue=data;
    window.close();
    
     
    200.动态设置事件,带参数
    <INPUT TYPE="text" NAME="a1">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function hah(para)
    {
     alert(para)
    }
    a1.onclick=function()
    {
     hah('canshu ')
    }
    //a1.attachEvent("onclick",function(){hah('参数')});
    //-->
    </SCRIPT>//
    
     
    201.将url转化为16进制形式
     var ret = '';
    
     for(var i=0; i < str.length; i++)
     {
      var ch = str.charAt(i);
      var code = str.charCodeAt(i);
    
      if(code < 128 && ch != '[' && ch != '\'' && ch != '=')
      {
       ret += ch;
      }
      else
      {
       ret += "[" + code.toString(16) + "]";
      }
     }
     return ret;//
     
    
    202.打开新的窗口并将新打开的窗口设置为活动窗口
    var newWin=window.open("xxxx");
    newWin.focus();//
    
     
    203.容错脚本
    JS中遇到脚本错误时不做任何操作:window.onerror = doNothing;
    指定错误句柄的语法为:window.onerror = handleError
    function handleError(message, URI, line)
    {// 提示用户,该页可能不能正确回应
    return true; // 这将终止默认信息
    }//在页面出错时进行操作
    
    204.JS中的窗口重定向:
    window.navigate("http://www.sina.com.cn");//
    
    205.防止链接文字折行
    document.body.noWrap=true;//
    
    206.判断字符是否匹配.
    string.match(regExpression)//
    
    207.
    href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v
    
    alue='test';return false;"
    
    当使用inline方式添加事件处理脚本事,有一个被包装成匿名函数的过程,也就是说
    onClick="javacript:document.Form.Name.value='test';return false;"被包装成了:
    functoin anonymous()
    {
        document.Form.Name.value='test';return false;
    }
    做为A的成员函数onclick。
    而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句,这时如果使用return语句会
    
    报告在函数外使用return语句的错误。
    
    
    208.进行页面放大
    <P onmouseover="this.style.zoom='200%'" onmouseout="this.style.zoom='normal'">
    sdsdsdsdsdsdsdsds
    </p>//
    
    209.放置在页面的最右边
    <input type="text" value='bu2'  style="float:right">//
    
    210.通过style来控制隔行显示不同颜色
    <style>
    tr{
    bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');
    }
    </style>
    <table id="oTable" width="100" border="1" style="border-collapse:collapse;">
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    </table>//
    
    211.全屏最大化
    newwindow=window.open("","","scrollbars")
    if (document.all)
    {
     newwindow.moveTo(0,0)
     newwindow.resizeTo(screen.width,screen.height)
    }//
    
    212.根据名字解析xml中的节点值
    var XMLDoc=new ActiveXObject("MSXML");
    XMLDoc.url="d:/abc.xml";
    aRoot=XMLDoc.root;
    a1.innerText=aRoot.children.item("name").text;//
    
     
    213.在页面上解析xml的值
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08
    
    fcccdf35.asp
    //
    
    214.看一个字符串里面有多少个回车符,返回值是一个数组
    var s=value.match(/\n/g);if(s)if(s.length==9){alert('10行了');return false;}//
    
    215.获得asc码
    var s='aa';
    alert(s.charCodeAt(1))//
     
    216.文字居右对齐
    <input type="text" value="123" style="text-align:right">//
    
    217.判断一个方法是否存在
    function pageCallback(response){
     alert(response);
    }
    if(pageCallback)
     alert(1)//
    
     
    218.判断一个变量是否定义
    if(typeof(a)=="undefined")
    {
     alert()
    }//
    
     
    219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别
    <script>
    function exec (command) {
        window.oldOnError = window.onerror;
        window._command = command;
        window.onerror = function (err) {
          if (err.indexOf('utomation') != -1) {
            alert('命令已经被用户禁止!');
            return true;
          }
          else return false;
        };
        var wsh = new ActiveXObject('WScript.Shell');
        if (wsh)
          wsh.Run(command);
        window.onerror = window.oldOnError;
      }
    </script>
    调用方式
    <a href="javascript:" onclick="exec('D:/test.bat')">测试</a>//
     
    220.弹出新页面,关闭旧页面,不弹出提示框
     var w=screen.availWidth-10;
       var h=screen.availHeight-10;
       var swin=window.open("/mc/mc/message_management.jsp",
    
    "BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w
    
    idth="+w);
       window.opener=null;
       window.close();//
    
    221.能输入的下拉框
    <span>
    <input name="Department1" id="Department1" style=" border-right:0;130" autocomplete="off">
    <span style="150;overflow:hidden">
    <select  style="150;margin-left:-130" onChange="Department1.value=value">
    <option value=""></option>
    <option value="asdfasfadf">asdfasfadf</option>
    <option value="546546">546546</option></select> //
    
     
    222.在方法中定义全局变量
    function globalVar (script) {
            eval(script);//all navigators
      //window.execScript(script); //for ie only
    }
    globalVar('window.haha = "../system";');
    alert(haha);//在方法中定义全局变量,其中的haha就是全局变量了
    
    223.显示一个对象的全部的属性和属性的值
    var a=new Object();
    a.name='a1';
    a.***='mail'
    for(var p in a)
    {
     alert(p+"="+a[p])
    }//
    
     
    224.16进制转换成10进制
    var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数,得到 n 的值是 686
    
    
    225.复制粘贴
    <BODY>
    <input type="file" name='a1'><input type="button" value='复制粘贴' onclick="haha()"><div id="aa"></div>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function haha()
    {
     clipboardData.setData("Text",a1.value);
     aa.innerText=clipboardData.getData("Text");
    }
    //-->
    </SCRIPT>
    </BODY>//
    
    226.获得对象类型
    switch (object.constructor){
       case Date:
       ...
       case Number:
       ...
       case String:
       ...
       case MyObject:
       ...
       default:
       ...
    }//
    
     
    227.图片加载失败时重新加载图片
    <img src="aa.gif" onerror="this.src='aa.gif'">//
     
    228.
    //font_effect.htc
    <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />
    <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />
    <SCRIPT LANGUAGE="JScript">
    //定义一个保存字体颜色的变量
    var color;
    function glowit()
    {
     color=element.style.backgroundColor;
     element.style.backgroundColor='white'
    }
    function noglow()
    {
      element.style.backgroundColor=color
    }
    </SCRIPT>
    
    //abc.css
    tr{behavior:url(font_effect.htc);}
    
    229.可以通过css和htc改变表格的颜色,仅IE支持
    //xxx.html
    <link rel="stylesheet" type="text/css" href="abc.css">
    <TABLE border='1'  id="a1">
    <TR style="background-color:red">
     <TD>1</TD>
     <TD>2</TD>
     <TD>3</TD>
    </TR>
    <TR style="background-color:yellow">
     <TD>4</TD>
     <TD>5</TD>
     <TD>6</TD>
    </TR>
    </TABLE>//
    
    230.在页面上画点
    function a(x,y,color)
    {
     document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top:
    
    "+(y+20)+";background-color: "+color+"' width=1 height=1>")
    }//
    
     231.自动关闭网页
    <script LANGUAGE="javascript">
    <!--
    setTimeout('window.close();', 10000); //60秒后关闭
    // -->
    </script>
    <p align="center">本页10秒后自动关闭,请注意刷新页面</p>

  • 相关阅读:
    安装SQL sever2008时显示重新启动计算机规则失败,应该怎么解决?
    C#获取当前日期时间(转)
    使用JQUERY实现页面局部刷新
    Metal渲染:实现画面比例功能
    Metal渲染:实现旋转/翻转功能
    依赖注入浅析
    iOS 消息推送实现 APNS
    使用#pragma阻止一些warnings
    github 多帐户使用
    Swift 实现Bitmask Option(Enum)
  • 原文地址:https://www.cnblogs.com/xiaoluo501395377/p/2736300.html
Copyright © 2011-2022 走看看