ie | 易学教程

前端事件绑定知识点（面试常考）

阅读更多关于前端事件绑定知识点（面试常考）

简介事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。事件通常与函数配合使用，当事件发生时函数才会执行。执行JS 事件的方式： HTML 事件属性可以直接执行 JavaScript 代码 HTML 事件属性可以调用 JavaScript 函数你可以为 HTML 元素指定自己的事件处理程序你可以阻止事件的发生。等等 ... 常用的JS事件 type 鼠标单击事件 onclick 鼠标经过事件 onmouseover 鼠标移开事件 onmouseout 聚焦事件 onfocus 失焦事件 onblur 加载事件 onload 刷新页面 onunload（貌似只对IE有效）关闭页面 onbeforeunload（貌似只对IE有效）事件流事件流描述的是从页面中接受事件的顺序。 IE 的事件流是事件冒泡流，事件由子元素获取并沿DOM树向上传播。即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(document)，用 stopPropagation() 方法终止冒泡。 Netscape 的事件流是事件捕获流，事件由根元素获取并沿DOM树向下分发。与事件冒泡流相反，事件捕获的思想是不太具体的节点(document)应该更早接收到事件

IE10、火狐浏、谷歌浏览器 KindEditor无法获取textarea值

阅读更多关于 IE10、火狐浏、谷歌浏览器 KindEditor无法获取textarea值

http://e-mailwu.blog.163.com/blog/static/651040362013311160913/ 在IE10、火狐浏览器、谷歌浏览器下后台KindEditor在线编辑器无法获取textarea值。解决办法如下：（测试版本号： 4.0.6 (2012-03-18)）方法一： <link rel="stylesheet" href="WebEditor/themes/default/default.css" /> <link rel="stylesheet" href="WebEditor/plugins/code/prettify.css" /> <script charset="utf-8" type="text/javascript" src="WebEditor/kindeditor.js"></script> <script charset="utf-8" type="text/javascript" src="WebEditor/lang/zh_CN.js"></script> <script charset="utf-8" type="text/javascript" src="WebEditor/plugins/code/prettify.js"></script> <script type="text/javascript">

vue项目es6在IE下的兼容问题

阅读更多关于 vue项目es6在IE下的兼容问题

直接在public文件夹下的Index.html头部引入polyfill.min.js <script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script> 也可在main.js中导入babel-polyfill axios 兼容处理 npm install es6-promise --save import 'es6-promise/auto' 已通过测试，没有任何问题来源： CSDN 作者： zhangxugang_script 链接： https://blog.csdn.net/tstmeng/article/details/103976245

编码规范-html.md

阅读更多关于编码规范-html.md

写在前面对于不同的编程语言来说，具体的编码规范各不相同，但是其宗旨都是一致的，就是保证代码在高质量完成需求的同时具备良好的可读性、可维护性。本文大部分内容来自网上，仅供个人参考学习！网络上的知识浩如烟海，而学到了才是自己的！！然后，老规矩，带上我们可爱的小伙伴... 语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。不要省略可选的结束标签（closing tag）（例如，</li> 或 </body>）。 doctype 为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。 HTML5 doctype <!DOCTYPE html> <html> </html> HTML 4 doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www

解决IE10以下浏览器不能编码Base64字符的问题

阅读更多关于解决IE10以下浏览器不能编码Base64字符的问题

一、问题描述　　前几天发现写的js代码中用到的 window.btoa('mingwen'); 在IE10以下浏览器中报错，不支持此语法。二、解决方法　　要兼容IE9、IE8、IE7，我们可以专门针对这些浏览器再引入一段ployfill脚本或者一个JS文件即可。　　也就是HTML中嵌入下面一段代码：  　　 base64-polyfill.js 内容： (function(f) { 'use strict'; /* istanbul ignore else */ if (typeof exports === 'object' && exports != null && typeof exports.nodeType !== 'number') { module.exports = f (); } else if (typeof define === 'function' && define.amd != null) { define ([], f); } else { var base64 = f (); var global = typeof self !== 'undefined' ? self : $.global; if

vue项目,ie,360报错"promise未定义错误"和"Invalid Host/Origin header"解决办法

阅读更多关于 vue项目,ie,360报错"promise未定义错误"和"Invalid Host/Origin header"解决办法

vue项目在ie或者360浏览器打开,报错" promise未定义错误 ",低版本浏览器不兼容axios请求的promise; 解决办法一:安装 babel-polyfill依赖 npm install --save babel-polyfill main.js文件引入 import 'babel-polyfill' webpack.base.conf.js文件修改,标记部分修改重新启动项目如果还继续报错:安装 url-search-params-polyfill依赖 npm install --save url-search-params-polyfill main.js引入 import 'url-search-params-polyfill' 重新启动项目即可控制台错误日志无限循环: Invalid Host/Origin header 在webpack.dev.conf.js文件下加上: disableHostCheck: true 即可来源： CSDN 作者：南有樛木。链接： https://blog.csdn.net/qq_35310623/article/details/103953921

jquery createElement 动态创建元素

阅读更多关于 jquery createElement 动态创建元素

在IE和Firefox下，动态创建元素的方法是由区别的如下面代码，在IE下可以运行，在Firefox下会报错 var theform = document.forms[0]; theform.appendChild(document.createElement("<input type='hidden' name='__EVENTTARGET'>")); 在 Firefox 只支持：document.createElement('input') 如果添加属性和事件的话，需要使用setAttribute方法使用jquery动态创建元素，可以同时支持IE、Firefox var theform = document.forms[0]; $("<input type='hidden' name='__EVENTTARGET'>").appendTo(theform); 来源： https://www.cnblogs.com/50614090/archive/2012/03/28/2421103.html

JS判断浏览器类型与版本

阅读更多关于 JS判断浏览器类型与版本

这个东西在跨平台前端开发很有用：在JS中判断浏览器的类型，估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中，IE、Firefox、Opera、Safari........众多品牌却标准不一，因此时常需要根据不同的浏览器，甚至相同浏览器不同版本做不同的操作，因此，知晓浏览器的判断方法，还是很重要的。下面列举一下常用的判断方法： 1、判断浏览器是否为IE document.all ? 'IE' : 'others'：在IE下document.all值为1，而其他浏览器下的值为0； navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others'：navigator.userAgent是描述用户代理信息。 navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others'：navigator.appName描述浏览器名称信息。 2、判断IE版本 navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version'：在已知是IE浏览器的情况下，可以通过此方法判断是否是IE6； navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other

[转帖]Windows 上面IE的历史

阅读更多关于 [转帖]Windows 上面IE的历史

微软向Chrome举手投降这么多代IE你都用过吗 2019年04月20日 18:48 4030 次阅读稿源：太平洋电脑网 2 条评论这个清明假节，很多人过得波澜不惊，然而一个曾被万千网民挂在口中的上网神器——Internet Explorer，却在清明节后戛然而止。2019年4月9日，微软发布了新版Edge浏览器预览版，之所以倍受关注，一个很重要原因就是新版不再使用EdgeHTML内核（老版Edge浏览器内核），转而采用全新的Chromium内核。换句话说，微软正式弃用了自己沿用24年之久的IE，转而拜倒在谷歌的石榴裙下！只要上网就离不开浏览器，当然每个人的喜好不同，有喜欢360的，有喜欢QQ的，但它们都有一个共同特点，那就是Chromium内核。事实上在互联网的历史舞台上，也曾出现过很多种浏览器。Netscape、IE、Safari、Opera、Firefox、Chrome……，在最为鼎盛的时期，甚至很多媒体也都在热衷转载一些“XXX浏览器争霸赛”、“最快浏览器花落谁家”……一类的文章，那时的人们似乎都想搞明白一件事——谁才是最快的浏览器！当年评测哪款浏览器“跑得快”，不仅消费者爱看，同时也是很多媒体的热衷终于，当“最快浏览器”桂冠从Opera正式变更给Chrome之后，世界一下子变清静了！一边是凭借Windows占据大量市场份额的IE

vue-cli 在IE下兼容设置

阅读更多关于 vue-cli 在IE下兼容设置

最近我们的项目选择用vue来做开发，在这个过程IE兼容性首先我们按照步骤来安装vue-cli 创建项目运行 npm install npm run dev 然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的官网地址： https://github.com/vuejs/vue 下图是错误提示ie9：然后就找资料查文档，总算给我找到了。要实现其实很简单，只需要我们下载一个babel-polyfill， npm install babel-polyfill --save-dev 下载完成后我们怎么用它这时我们要找到build文件夹下webpack.base.conf.js在里面修改一下就行了 module.exports = { entry: { app: './src/main.js' }, 改成 module.exports = { entry: { 'babel-polyfill': 'babel-polyfill', app: './src/main.js' }, 就ok了是不是很简单第二问题就是axios的请求在ie下没有用这个怎么解决？也是就是下载一个js的问题下面就直接贴代码 npm install es6-promise --save-dev /*main.js下*/ import promise from 'es6-promise

订阅 ie