当前目录: JavaScript笔记
addEventListener 的用法示例介绍

2014年11月7日  JavaScript笔记,前端资源   

这篇文章主要介绍了addEventListener 的用法,需要的朋友可以参考下 (要注意的是div必须放到js前面才行)   addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture方式(由外向里)。   一般情况下,如果给一个dom对象绑定同一个事件,只有最后一个会生效,比如:  复制代码代码如下: document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = method3; 那么将只有method3生效。 如果是Mozilla系列,用addEventListener可以让多个事件按顺序都实现,比如:  复制代码代码如下: var btn1Obj = document.getElementById("btn1"); //element.addEventListener(type...

JavaScript跨域总结与解决办法

2014年11月5日  JavaScript笔记,前端资源   

JavaScript跨域总结与解决办法 什么是跨域 1、document.domain+iframe的设置 2、动态创建script 3、利用iframe和location.hash 4、window.name实现的跨域数据传输 5、使用HTML5 postMessage 6、利用flash 本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。 什么是跨域 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下: 首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表: URL 说明 是否允许通信 http://www.a.c...

jquery ajax实现滚动加载效果

2014年10月30日  JavaScript笔记,前端资源   

滚动 判断 底部 滚动加载 仿新浪微博,当滚动到页面底部时,自动加载内容并附加到底部 loadData中counter默认为5次 可修改数量决定可以加载的次数 <html> <head> <title>Endless Scroll</title> <style type="text/css"> body{ font-family: "Trebuchet MS",verdana,arial;} #loading{ display:none; font-weight:bold;color:#FF0000;} p { padding:10px;} </style> </head> <body> <div id="container"> <p>Test Paragraph 1</p> <p>Test Paragraph 2</p> <p>Test Paragraph 3</p> <p>Test Paragraph 4</p> <p>Test Paragraph 5</p> <p>Test Paragraph 6</p> &l...

Jquery中ajax方法data参数用法的总结

2014年10月30日  JavaScript笔记,前端资源   

data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。 示例: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 这里data后面跟的参数可以用二种表式:一种是普通url传参的写法一样,还有一种就是写在json数组里, 上面示例data部分也可以这样写:data: {name:"John",location:"Boston"}。这二个用法有什么区别? 今天在开发中发现二者用法的细微差别。第一种我们用url传参,参数里面如果加带"&...

js open弹出窗口

2014年10月11日  JavaScript笔记,前端资源   

window.open ('test.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') 参数解释:window.open 弹出新窗口的命令;test.html 弹出窗口的文件名;newwindow 弹出窗口的名字(不是文件名),非必须,可用空''代替;height=100 窗口高度;width=400 窗口宽度;top=0 窗口距离屏幕上方的象素值;left=0 窗口距离屏幕左侧的象素值;toolbar=no 是否显示工具栏,yes为显示menubar,scrollbars 表示菜单栏和滚动栏。resizable=no 是否允许改变窗口大小,yes为允许location=no 是否显示地址栏,yes为允许;status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许  http://blog.chinaunix.net/uid-20787846-id-1842401....