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>

原文地址:https://www.cnblogs.com/happyPawpaw/p/2468188.html