不想让所有人调试你页面的方式
测试环境：
Windows7 pro
Chrome：v79.0.3945.88
Firefox：v71.0
思路是：在网页加载完毕后，当打开“开发者工具”时，立刻执行启动debugger模式（关键字”debugger”），同时别忘记加上每隔一秒执行一次；
我用匿名自调用函数无法在Firefo[……]
Continue reading分类： Javascript
给div绑定点击事件三个方法
基础代码
[html]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
div {
font-size: 2em;
width: 250px;
cursor: pointer /*变成手型*/
}
.clickme {
background-color: #2aabd2;
}
</style>
<script src="//libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<!–代码位置–>
</body>
</html>
[/html]
[……]
Continue readingjsonp学习汇总
为什么要使用jsonp？
为了解决在不同域名下，即跨域（参考JavaScript同源策略）获取数据的问题。
这是同域请求
[javascript]
<script src=’//libs.baidu.com/jquery/2.0.0/jquery.min.js’></script>
<script type="text/javascript">
$.ajax({
url: ‘http://127.0.0.1/a.json’,
dataType: "json",
success: function (data) {
console.log(data);
}
});
</script>
[/javascript]
a.json
[xml]
{
"name": "sun",
"age": 10
}
[/xml]
如果换成跨域？
[javascript]
<script src=’//libs.baidu.com/jquery/2.0.0/jquery.min.js’></script>
<script type="text/javascript">
$.ajax({
url: ‘http://www.sun.cn/a.json’,
dataType: "json",
success: function (data) {
console.log(data);
}
});
</script>
[/javascript]
提示跨域了，现在就需要jsonp出马。
[……]
匿名立即调用函数学习
错误例子：
因为在解析器解析全局的function或者function内部function关键字的时候，默认是认为function声明，而不是function表达式，如果你不显示告诉编译器，它默认会声明成一个缺少名字的function，并且抛出一个语法错误信息，因为function声明需要一个名字。
[javascript]
function() {// FF报错信息：SyntaxError: function statement requires a name
alert("第18行");
}();
[/javascript]
[……]