height=oImg.height; document.body.removeChild(oImg);//放弃预览 }; }; reader.readAsDataURL(oFile); }else{//ie
XSS 过滤器,比如Chrome, IE 和 Safari 浏览器。...'data‘,那么它和 bne:cause的值将会返回给浏览器。...alert(1)并没有执行,可想而知,因为 Chrome 的XSS过滤器发现了攻击行为: ?...那么我们必须绕过 Chrome 的 XSS 过滤器了。我们同样也可以使用内部XML实体来解决。我们创建 IMG, SRC和error中的one实体。...在以下浏览器测试成功:Firefox version 47, Chrome 51, IE 11, Safari 9.1.1
这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性,强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。...通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。 在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。...注意事项: 1、根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用。...网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能,这样就可以向不同的浏览器返回不同的页面内容。 默认情况下,IE8的浏览器模式为IE8。...用户可以通过单击地址栏旁边的兼容性视图按钮来手动切换到不同的浏览器模式。 在IE8中,IE8兼容性视图会以IE7文档模式来显示网页,同时会向服务器发送IE7的用户代理字符串。
复制网内容自动添加版权信息的方法 在网上一搜可以看到很多类似的代码,加入网页body部分就可以。...clipboardData.setData("text", text); } }, 100 ) } 这段代码就可以实现,别忘了要写在js文件中或者直接写在页面中用...加上以上代码后,别人在你网站的任何一个页面,复制任何一个文字的东西,粘贴时都会自动带上版权信息。 但这个代码的不足之处是:在IE6上测试通过,而在Firefox、Opera浏览器上没有效果。...},0 ); } document.oncopy = addLink; } 这个代码经测试,可以兼容,可能还有不足的地方...最好说一点,注意编码问题,如发现复制的内容添加的版权信息乱码,可以自行检查编码问题。
大家好,又见面了,我是你们的朋友全栈君。 习惯了用单引号....validateUserInfo', async : false,//false不打引号 type : 'POST',//POST最好大写 dataType:'json',//一定注意T是大写的...data : { orderid:orderid }, success : function(data){ var datas = data.msg; //成功之后的处理...$('#showMessage').text(datas); }, error : function(data){ var datas = data.msg; //失败的处理 $...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别: $.attr()每次都从DOM元素中取属性的值。...$.attr(‘data-xxx’, ‘xxxxx’)会将字符串’xxxx’塞到标签的’data-xxx’属性中。...$.data(‘xxx’)是从 Jquery对象中取值,由于对象属性值保存在内存中,因此可能和视图里的属性值不一致的情况。...$.data(‘xxx’, ‘xxxx’)会将字符串’xxxx’塞到 Jquery对象 的’xxx’属性中,而不是塞到视图标签的data-xxx属性中。...同时从性能的角度来说,建议使用$.data()来进行set和get操作,因为它仅仅修改的 Jquey对象 的属性值,不会引起额外的DOM操作。
说道dom中移出节点,这两个都可以完成。...但也有写差别: empty()是只移除了 指定元素中的所有子节点,拿$(“div”).empty()来说,他只是把 移出节点 中的文本给移除了,而留下 了 ,仍保留其在dom中所占的位置。...remove()则是把其从dom中删除,而不会保留其所占的位置。 该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。
HTML5学堂:本文介绍了prop和attr的区别。...jQuery中有这么两个东西 —— attr()与prop(),很多开发者在使用时,经常容易混淆,今天HTML5学堂小编-其其就带你一起看看attr和prop方法。...jQuery文档中,attr和prop的参数都是一样的,而这两个东西都被认为是属性,那么他们之间到底有什么区别呢?下面我们一起验证下。...到这里可能还有些模糊,下面我们来直接举个例子。...总结-使用经验 1、对标签内的属性使用attr来读取和设置。 2、对DOM对象固有的一些属性,使用prop获取和设置。 HTML5学堂小编-其其。耗时:1h
element jQuery JS $(elem).width() border-box: elem.offsetWidth - padding - border content-box: elem.offsetWidth...padding $(elem).innerWidth() elem.clientWidth + scrollbar $(elem).outerWidth() elem.offsetWidth window jQuery...innerWidth() document.documentElement.clientWidth $(window).outerWidth() window.innerWidth document jQuery
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。 但不得不说的是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。...不过,在jQuery中,attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性,property表示JS对象的属性。 1 <!...: 18}; 7 在jQuery中,prop()函数的设计目标是用于设置或获取指定DOM元素(指的是JS对象,Element类型)上的属性(property);attr()函数的设计目标是用于设置或获取指定...直到jQuery 1.6新增prop()函数,并用来承担property的设置或获取工作之后,attr()才只用来负责attribute的设置和获取工作。...因此,在jQuery 1.6及以后版本中,请使用prop()函数来设置或获取checked、selected、disabled等属性。
说道dom中移出节点,这两个都可以完成。...但也有写差别: empty()是只移除了 指定元素中的所有子节点,拿$(“div”).empty()来说,他只是把 移出节点 中的文本给移除了,而留下 了,仍保留其在dom中所占的位置。...remove()则是把其从dom中删除,而不会保留其所占的位置。 该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。
抢票插件风靡的恶果:农民工成购车票弱势群体 12306抢票插件拖垮美国代码托管站Github 12306抢票插件大受青睐 或存泄露个人信息风险 春运hold火车票,网上刷票插件使用全攻略!...网络订票就离不开浏览器,主流的浏览器有IE,Chrome,Firefox,Safari,搜狗,傲游,猎豹等等,目前主要是WebKit内核和IE的Trident内核两大类以及国内大量的双核浏览器。...Chrome的威力,从这个角度来说,IE又败了,虽然12306网站设计的只支持IE,结果大量有IE的用户发现刚开始放票就没票了,都被Webkit刷走了,实在伤不起。...Chrome的扩展文件的扩展名(后缀)为.crx,Google Chrome可以自动关联这种扩展名为.crx的文件。...css文件、图片文件和HTML网页文件,但是.js脚本文件和manifest.json是绝不可少的两个部分。
传播:小---->中---->大 1.4.2. 阻止传播:事件后面加上 return false 1.5....$(".big").mouseleave(function(){ console.info("鼠标出去了2"); }) //hover:鼠标悬浮---显示和隐藏...function(){ $(".big").show(); },function(){ $(".big").hide(); }) //toggle:鼠标点击---显示和隐藏...big").click(function(){ console.info("div被点击了"); return false; }) //给body添加点击事件 小-中-...var y = event.clientY;//获得鼠标y坐标 // $("#xy").text(x+","+y); // }) //移出事件,直接对元素使用unbind 或
在jQuery向上遍历DOM树的API中,有parents()、parent()和closest(),这三个方法比较容易混淆,这里介绍一下三者的区别。 1....首先分别介绍下三个方法 parents([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,并将这些节点包装成jQuery对象返回,返回的节点集是以从里到外的顺序排序的...同时,本方法还接受一个字符串选择器,用于从返回的节点集中筛选符合选择器的子元素集。 parent([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的父节点。...它和parents()不同的是,它只向上搜索一层,而parents()会搜索整个DOM树。 本方法也可以接受一个字符串选择器,用于筛选返回的元素。...closest(selector) 本方法用于向上遍历jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,直到找到符合selector选择器的节点为止。 2.
一、JS中的Ajax ajax:异步访问/局部刷新 1.同步和异步 2.Ajax的运行原理 页面请求---->Ajax引擎----->提交给服务器端 这段时间可以做任何事情 服务器端响应------...>Ajax引擎----->触发设置好的事件,执行自定义的js逻辑代码,然后显示页面 js改变页面,其原理是改变的是内存 3.ajax实现 创建ajax引擎 为ajax对象绑定监听 绑定提交地址(get/...post) 发送请求 总结: 所有的异步访问都是通过ajax引擎 二、JSON传递数据(重点) 1.JSON在ajax中数据传递格式 JSON传递数据的一种格式,当使用异步传输的时候, 当服务器响应数据的时候...,需要使用一种格式在客户端和服务端进行传递 当服务端响应给客服端的时候响应的是字符串或者xml(ResponseText/ResponseXML), 如果响应一个对象给客户端的时候就不能表示. 2.JSON...格式 三、jQuery中的Ajax(重点) 再实际开发中使用下面三种方式: $.post(url,[date],[callback],[type]); $.get(url,[date
: 这里只从 jQuery 的源码分析入手,版本是3.2.1 1. $.data() 方法 data: function( elem, name, data ) { return dataUser.access...value : key; }, 可以看到,$.data(ele) 只会去读取dataUser 结构中存在的数据,而不会去读dom 节点上的 Data 属性相关值。...所以,暂时可以认为第一个输出和第二个输出都是一个空对象。 2....attribute,最后返回的 data 会是在attribute 属性中获得的。...所以,第二句打印出来的是{x:"x-value"}. 除此之外,它还会 在 dataUser 的 Cache 中存入此次读出来的 data 数据。
1.Android默认浏览器和Chrome的区别 Android出厂自带的浏览器:安卓WebKit浏览器,也成内置浏览器或者默认浏览器。 安卓WebKit不是Chrome。...Chrome浏览器在它的用户代理字符串中有Chrome,但是安卓WebKit浏览器中没有。 最新的安卓WebKit的浏览器版本是4.3,后续谷歌进行不在更新和支持它,而是使用Chrome来替代它。...WebKit内核和Blink内核。Chrome是基于Chromium来实现。Blink是为HTML和CSS设计的渲染引擎,它通常和V8 JavaScript引擎配合使用。...2.Google Chrome。 3.三星Chrome。2013年或以后发布的三星高端手机。类型Galaxy S4或更新的设备。...Amazon Kindle Fire或更新版本 3.其他浏览器。Firefox Mobile、Opera Mobile。
大家好,又见面了,我是你们的朋友全栈君。 bind()和unbind()提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件。...1、JQuery中事件可以重复绑定,不会覆盖。...和FF中的event对象,通过它能够获取事件发生时更详细的信息。...如果我们指定了自定义的参数,那么JQuery会将它放在事件对象的data属性中,即通过eventObject.data就能够拿到我们传递的参数值。 4、事件取消的三种形式。...可以看到这种做法非常的不好,因为这种做法不允许使用匿名函数,我们不得不暴露全局的函数(至少要求unbind的时候能够看得见)。JQuery提供了事件命名空间机制 5、事件命名空间。
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。...上面的描述也许有点模糊,举几个例子就知道了。 ...百度 这个例子里元素的DOM属性有“href、target和class...这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。...这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。
素材来源:网络 编辑整理:strongerHuang 我们使用 printf 打印时基本都会用到 \n 和 \r 之类控制字符,比如: printf("hello world!...\r\n"); 那你知道这些 \n 和 \r 的区别吗? 一、关于 \n 和 \r 在 ASCII 码中,我们会看到有一类不可显示的字符,叫控制字符,其中就包含\r 和 \n 等控制字符。 ?...回车和换行来源: 在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意儿,每秒钟可以打 10 个字符。...这就是"换行"和"回车"的来历,从它们的英语名字上也可以看出一二。 二、\n 和 \r 差异 后来,计算机发明了,这两个概念也就被搬到了计算机上。...在微软的 MS-DOS 和 Windows 中,使用“回车 CR('\r')”和“换行 LF('\n')”两个字符作为换行符; Windows 系统里面,每行结尾是 回车+换行(CR+LF),即“\r\