zoukankan      html  css  js  c++  java
  • javascript有用代码块(1)

    工作中用到的一些代码,觉得有点用,怕忘记了,记下来

    javascript获取当前位置

    var a = document.location.href.split("?")[0];
    alert(a);
    alert(location.href);

     

    看明白这段代码,就能理解闭包了

    <script type="text/javascript" >
    function createFunctions() {
    var result = new Array();
    for(var i = 0; i < 10; i++) {
    result[i] = function() {
    return i;
    };
    }
    return result;
    }

    var funcs = createFunctions();
    for(var i = 0; i < funcs.length; i++) {
    document.write(funcs[i]() + "<br/>");

    }

    function createFunctions2() {
    var result = [];
    for(var i = 0; i < 10; i++) {
    result[i] = function(num) {
    return function() {
    return num;
    };
    }(i);
    }
    return result;
    }

    var funcs = createFunctions2();
    for(var i = 0; i < funcs.length; i++) {
    document.write(funcs[i]() + "<br/>");

    }
    </script>

    setTimeout()可以直接运行javascript代码:

    <script type="text/javascript">

     var graph = {};
    graph.donald = function() {
    alert("hello Kitty");
    };
    if (graph.donald) {
    graph.donald();


    setTimeout("alert('setTimeout can be used by this way')", 1000);
    </script>

    javaScript提供的json对象与String对象之间的转换方法:

    <script>

    //String 转换成json
    var jsonObj = JSON.parse('{"helloKitty":"donald duck"}');

    //json 转换成String
    var str = JSON.stringify(jsonObj);
    </script>

    javaScript判断对象是否为空的方法:

    function isNull(arg) {
    if (arg == null || (typeof (arg)) == 'object' && !arg) {
    return true;
    }

    return false;
    }

    jQuery的事件处理demo

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    p {
    color: red;
    }

    span {
    color: blue;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
    </head>
    <body>
    <p>Has an attached custom event.</p>
    <button>Trigger custom event</button>
    <span style="display: none;"></span>
    <script>
    $("p").on("myCustomEvent", function(e, myName, myValue) {
    $(this).text(myName + ", hi there!" + myValue);
    $("span").stop().css("opacity", 1).text("myName = " + myName + "\n" + "myValue = " + myValue).fadeIn(30).fadeOut(1000);
    });
    $("button").click(function() {
    $("p").trigger("myCustomEvent", [ "John", "donald duck" ]);
    });
    </script>

    </body>
    </html>

  • 相关阅读:
    [原][GIS]ARCGIS投影坐标系转换
    [转][osg]探索未知种族之osg类生物【目录】
    [转][osg]探究osg中的程序设计模式【目录】
    [原][资料整理][osg]osgDB文件读取插件,工作机制,支持格式,自定义插件
    [原][landcover]全球地表植被样例图片
    [转]arcgis for server 10.2 下载及安装
    [原]DOM、DEM、landcover,从tms服务发布格式转arcgis、google服务发布格式
    MySQL 数据库最优化设计原则
    MySQL常用存储引擎及如何选择
    Xtrabackup实现Mysql的InnoDB引擎热备份
  • 原文地址:https://www.cnblogs.com/happyPawpaw/p/2468188.html
Copyright © 2011-2022 走看看