博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript有用代码块(1)
阅读量:6412 次
发布时间:2019-06-23

本文共 1926 字,大约阅读时间需要 6 分钟。

 

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

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>

转载地址:http://ivdra.baihongyu.com/

你可能感兴趣的文章
设计模式之Factory Method(工厂方法)
查看>>
10K入职linux运维岗位小伙伴感谢信及面试经历分享
查看>>
zookeeper入门之Curator的使用之几种监听器的使用
查看>>
[转]Reporting Service部署之访问权限
查看>>
innerxml and outerxml
查看>>
validform校验框架不显示错误提示
查看>>
flink 获取上传的Jar源码
查看>>
Spring Data JPA Batch Insertion
查看>>
UEditor自动调节宽度
查看>>
JAVA做验证码图片(转自CSDN)
查看>>
Delphi TServerSocket,TClientSocket实现传送文件代码
查看>>
JS无聊之作
查看>>
Mac上搭建ELK
查看>>
443 Chapter7.Planning for High Availability in the Enterprise
查看>>
框架和语言的作用
查看>>
unidac连接ORACLE免装客户端驱动
查看>>
Cygwin + OpenSSH FOR Windows的安装配置
查看>>
咏南中间件支持手机客户端
查看>>
fastscript增加三方控件之二
查看>>
Windows Vista RTM 你准备好了么?
查看>>