ie | 易学教程

同源策略和跨域解决方案

阅读更多关于同源策略和跨域解决方案

同源策略和跨域解决方案同源策略一个源的定义如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。举个例子：下表给出了相对http://a.xyz.com/dir/page.html同源检测的示例: URL 结果原因 http://a.xyz.com/dir2/other.html 成功 http://a.xyz.com/dir/inner/another.html 成功 https://a.xyz.com/secure.html 失败不同协议 ( https和http ) http://a.xyz.com:81/dir/etc.html 失败不同端口 ( 81和80) http://a.opq.com/dir/other.html 失败不同域名 ( xyz和opq) 同源策略是什么同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。不受同源策略限制的 1. 页面中的链接，重定向以及表单提交是不会受到同源策略限制的。 2. 跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的

浏览器的同源策略及跨域解决方案

阅读更多关于浏览器的同源策略及跨域解决方案

同源策略一个源的定义如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。举个例子：下表给出了相对http://a.xyz.com/dir/page.html同源检测的示例: URL 结果原因 http://a.xyz.com/dir2/other.html 成功 http://a.xyz.com/dir/inner/another.html 成功 https://a.xyz.com/secure.html 失败不同协议 ( https和http ) http://a.xyz.com:81/dir/etc.html 失败不同端口 ( 81和80) http://a.opq.com/dir/other.html 失败不同域名 ( xyz和opq) 同源策略是什么同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。不受同源策略限制的 1. 页面中的链接，重定向以及表单提交是不会受到同源策略限制的。 2. 跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的<script src="

javascript实现拖拽事件（兼容IE8）

阅读更多关于 javascript实现拖拽事件（兼容IE8）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sytle type="text/css"> </sytle> <script>function drag(obj) {var obj=document.getElementById(obj);obj.onmousedown=function (event) {//点下鼠标 obj.setPointerCapture&&obj.releasePointerCapture();//兼容ie8，强行捕获页面点击事件到obj event=event||window.event;//event兼容性问题 var ol=event.clientX-obj.offsetLeft; var ot=event.clientY-obj.offsetTop; document.onmousemove=function (event) {//鼠标移动 event=event||window.event; var left=event.clientX-ol; var top=event.clientY-ot; obj.style.left=left+"px"; obj.style.top=top+"px"; }; document

H5 , Css基础练习

阅读更多关于 H5 , Css基础练习

h5,css基础练习 1.内边距练习padding <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > H5 </ title > < style > div { width : 200px ; height : 200px ; border : 1px solid red ; #边框线1像素红色 /* padding:10px 20px 30px 20px; */ /* 顺序顺时针上右下左 */ /* padding-top:10px;上边距 */ /* 左内边距 */ padding-top : 5px ; #内边距上 padding-left : 20px ; #左内边距 } </ style > </ head > < body > < div > 这是div中的文字 </ div > </ body > </ html > <!DOCTYPE html> < html

IE8不能上网的问题

阅读更多关于 IE8不能上网的问题

from:http://zhidao.baidu.com/question/132418495.html这个用IE没有用的。可以用命令来修复恢复到原始状态。IE被强奸了。在开始运行里输入这下面的命令回车就行了。regsvr32 Shdocvw.dll regsvr32 Oleaut32.dll regsvr32 Actxprxy.dll regsvr32 Mshtml.dll regsvr32 Urlmon.dll regsvr32 browseui.dll 同时运行上述命令不仅可以解决IE不能打开新的窗口,用鼠标点击超连接也没有任何反应的问题.还能解决大大小小的其他IE问题.比如网页显示不完整.JAVA效果不出现.网页不自动跳转. 来源： https://www.cnblogs.com/baishahe/archive/2012/06/08/2541444.html

【js杂记】js、jquery实战杂记 1

阅读更多关于【js杂记】js、jquery实战杂记 1

1、jquery中event.originalEvent属性该方法的作用是指向原始的事件对象 2、JS滚轮事件(mousewheel/DOMMouseScroll) IE、Chrome：mousewheel FireFox：DOMMouseScroll IE、Chrome：event.wheelDelta（向下滚动为负值） FireFox：event.detail（向下滚动为正值） $(document).bind({ // Mouse Scroll // IE、Chrome：mousewheel // FireFox：DOMMouseScroll 'mousewheel DOMMouseScroll' : function(e) { var delta = e.originalEvent.wheelDelta || - e.originalEvent.detail, time = new Date().getTime(); if(time - scroll_screen.lastTime < 1000) { return; } scroll_screen.move(delta); //if( delta < 0 ){ // next scroll_screen.lastTime = time; } }); 3、jquery右键事件 contextmenu 4、监听输入框

“兼容模式”错杂谈

阅读更多关于 “兼容模式”错杂谈

今天在网页兼容上费工夫了，IE8下是好的，但是IE8的兼容模式就不行了。花了近两个小时时间还是有问题。我们合同签订的是兼容IE8以上就可以了，那么IE8的兼容模式实际上是为兼容IE7而创建的，我们这么难为自己不是很自残？搜索一下如何可以让IE8的兼容模式显示IE8而不是IE7，结果不虚此行啊~ “ 如何禁止使用IE8兼容模式解析网页呢？在IE8以上版本的浏览器增加了一个X-UA-Compatible 头标记，用于为IE8指定不同的页面渲染模式。 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 这段代码表示开启IE8的标准渲染模式。所以我们如果在网页中加上了代码 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 或者 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />，那么就设定要用IE8标准模式渲染网页，而不会使用兼容的模式。如果我的页面只是在IE7或者IE8的兼容模式才浏览正常怎么办呢？我如何设置必须在IE8的兼容模式渲染网页呢？那么就加上下面这段代码好喽~~~ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> “

指定IE兼容模式的代码

阅读更多关于指定IE兼容模式的代码

head标签内加入如下代码，表示用IE6模式显示页面 <meta http-equiv="X-UA-Compatible" content="IE=5" > head标签内加入如下代码，表示用模拟IE7的模式显示页面 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 根据 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式。 http://blog.sina.com.cn/s/blog_7f95e24b0101a92f.html 下面的javascript可以显示IE的兼容模式版本 //show IE mode alert(document.documentMode); 来源： https://www.cnblogs.com/jij000/p/4819047.html

HTML5的浏览器支持方案

阅读更多关于 HTML5的浏览器支持方案

现代的浏览器基本都支持 HTML5，此外还有老浏览器。不管是旧的还是最新的，HTML5对无法识别的元素会作为内联元素自动处理。所以，在这里教大家怎么让浏览器去处理“未知”的HTML元素。甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素。一、将HTML5元素定义为块元素 HTML5 定了 8 个新的 HTML 语义（semantic）元素。所有这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 block; header, section, footer, aside, nav, main, article, figure { display: block; } 二、为HTML添加新元素你可以为 HTML 添加新的元素。下面的实例向 HTML 添加的新的元素，并为该元素定义样式，元素名为 myHero ： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>为 HTML 添加新元素</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color:

html5标签兼容低版本浏览器

阅读更多关于 html5标签兼容低版本浏览器

随着html5(后面用h5代表)标签越来越广泛的使用，IE不识别h5标签的问题让人很是烦恼。在火狐和chrome之类的浏览器中，遇到不认识的标签，只要给个display:block属性，就能让这个元素成为一个类似div的元素，但是到IE上就很恶心了，它不认识就是不认识，你在html和css里添加什么它都不理你。没什么什么问题是万能的程序猿解决不了的，其实要让IE识别一个自定义的标签（IE认为h5的标签是陌生的，不合法的），只要加一行JS代码就行了： document.createElement("这里写标签名"); 　　这条语句可以理解为：我要创建一个新标签，IE你别再说你不认识了！很简单不是吗？但是h5的标签有很多，手工一个个创建耗时不说，还可能写错或者漏掉，到时候出了BUG又是无从下手了，所以，在这里推荐两款专门为了h5标签兼容IE所开发的插件，你只需要引入它，不需要做多余的事： Bsie(鄙视IE),这个名字很有趣，其实看完它的源码后会发现，它就是帮我们把所有的h5标签都创建了一遍，免去了我们手工创建的时间。 html5shiv:和上面的插件功能一样，感觉身边的朋友用这个的比较多，自己做项目的时候也是用的这个，看完它的源码会发现一个小细节，它会帮我们把不是h5标签里的自定义标签也创建一次，这意味着我们在创建一个自定义标签的时候，不用考虑这个标签会不会生效了，真是贴体入微

订阅 ie