项目中使用vue搭建前端页面,并通过axios请求后台api接口,完成数据交互。如果验证口令token写在在每次的接口中,也是个不小的体力活,而且也不灵活。这里分享使用vue自带拦截器,给每次请求的头部添加token,而且兼容了IE9。 import axios from axios; // 这里的config包含每次请求的内容,在这里把token放到请求头 axios.interceptors.request.use(function (config) { let token = window.localStorage.getItem("tokenid"); //从...
一、如何去除vue项目中访问地址的# vue2中在路由配置中添加mode(vue-cli创建的项目在src/router/index.js) export default new Router({mode: history,routes: [{path: /,name: menu,component: menu,children: [{path: organization,component: organization,children: [{path: ,redirect: organizationSub},{path: organizationSub,component: organizationSub}]},{path: user,component: user},{path: role,component: role}]...
目前Window7的机器上,使用IE9浏览器的用户很多,但是IE9在兼容性上做了较严格的控制,导致很多程序在chrome,firefox,ie6,ie7,ie8上可以正常运行,在ie9上确出现了各种问题,这里要说的其中一个问题,就是对象为定义,特别是单一个页面上嵌套了多层iframe/frame的时候,往往会出现:Array对象未定义 $对象未定义 jQuery对象未定义 Json对象未定义 undefined对象未定义 *对象未定义...这种情况,我们一开始,1,首先当然先检查是否...
今天发现某网站上,IE9和chrome中页面的功能居然有差异,于是在IE9下打开console,发现一堆js报错,用fiddler跟踪了一下,原来代码里有一句是这样的: if(ie){var iframe = document.createElement(<iframe src="//www.gxlcms.com"></iframe>); }是的,问题就出在这里:DOM Exception: INVALID_CHARACTER_ERR (5) 因为在IE9里面,一些方法已经向w3c标准靠拢,和firefox、chrome浏览器等都保持了一致,包括这里的document.createEle...
网上答案说是因为Easy-ui在低版本时应将class样式删去,而在javascript里写url,因为class里有url的话javascript里也存在url,就会使页面刷新俩次,但是测试后没有解决我的问题,后来通过反复测试终于找到问题, <ul id="eva" style=" font-size:25px; "> </ul>因为在页面写了style,将style里的样式删去就可以解决问题了,现附上完整的ajax动态树和Grid表格代码。 <html> <head><title>Tree</title><link href="../../Content/JQEa...
维护的项目在ie9之下运行 没有问题,新增代码之后发现不能完整展示。打开ie的开发者工具之后又可以展示完整。找了很久没找到原因,后来发现打开开发者工具之后在控制台有一条输出语句。关掉开发者工具之后,在状态栏发现提示'console' 未定义,为什么之前的运行没有问题,之后的就不行呢?百思不得其解,后来在代码中增加下面代码: 代码如下:window.console = window.console || (function(){ var c = {}; c.log = c.warn = c.deb...
问题: 在用js动态创建html页面时: 代码如下:var tab = document.createElement("table"); tab.innerHTML += "<td>订货单号</td>"+ "<td>单据日期</td>"+ "<td>商品类型</td>"+ "<td>订单属性</td>"+ "<td>配货次数</td>"+ "<td>详细</td>"; 经过以上操作后,将创建一个tabel标签(此间可能会用class渲染之类的),但是这样做在ie9- 的版本显示不正常。 解决: 用jquery可以解决,这样写: 代码如下:var inn = "<tr>"+ "<td>订...
做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码! 第一种: 代码如下:<script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0") { alert("IE 6.0"); } else if(browser=="Micros...
在IE 9.0.8112.16421 下,如果下拉框没有空默认值, 在不对它的option设置select属性情况下,用jquery的 $("#id").find("option:selected").val();方法 将无法取到他的默认值。而在FireFox、chrome、其他IE版本包括IE9的其他小版本下均可以取到。
代码如下:<html> <head> <title> IE9 亲测JS各种去空格大全 </title> </head> <script> function clearSpace(inputO){ var valueText=inputO.value; //去掉前后空格 var text1=valueText.replace( /^\s+/, "" ).replace( /\s+$/, "" ); //去掉所有空格 var text2=valueText.replace(/[ ]/g,""); //去掉前空格 var text3=valueText.replace( /^\s+/, "" ); //去掉后空格 var text4=valueText.replace( /\s+$/, "" ); alert("=="+tex...
原先的语句为var selectChks = $("input[type=checkbox][name=productItem][checked]");在IE7,IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不到,length总为0于是查资料,发现如下写法var selectChks = $("input[type=checkbox][name=productItem]:checked");经测试在IE7,IE8和IE9兼容模式,IE9标准模式中也能正常使用
jquery.bgiframe.js在IE9下的错误 代码如下:SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字符976 错误代码 代码如下:1 {if(!$(iframe.bgiframe,this)[0])this.insertBefore(document.createElement(html),this.firstChild);});};})(jQuery); 在网上找到些结局方案 方案一: 代码如下:this.insertBefore(document.createElement(html),this.firstChild); HTML加个引号就行了。 目前就找到...
修改Calendar日历控件 兼容IE9,谷歌,火狐。 只是能用,出现的位置有所不同,希望有高手再帮我改改吧,谢谢 一、 代码如下:this.iframe = window.frames("meizzCalendarIframe"); 修改为 代码如下:this.iframe = window.frames["meizzCalendarIframe"]; 二、 代码如下:var a = (arguments.length==0) ? WebCalendar.day[this.id.substr(8)].split("/") : arguments[0].split("/"); 修改为 代码如下:var a = WebCalendar....
当前版本 v0.2 v0.1 修复IE9-- Array.prototype.sort 不能根据 对象属性 做排序的遗憾 v0.2 修复safari 不支持函数参数 代码如下:!function(window){ var ua = window.navigator.userAgent.toLowerCase(), reg = /msie|applewebkit.+safari/; if(reg.test(ua)){ var _sort = Array.prototype.sort; Array.prototype.sort = function(fn){ if(!!fn && typeof fn === function){ if(this.length < 2) return this; var i = 0, j = i...
如下 代码如下:<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>IE9/10同时支持script元素的onload和onreadystatechange事件</title> <script src="http://code.jquery.com/jquery.min.js" onload="alert(1)" onreadystatechange="alert(2)"></script> </head> <body> </body> </html> 结果: IE6/7/8 : 弹出2 IE9/10 : 弹出2,1 Firefox/Safari/Chrome/Opera : 弹出1 测试结果可以看出,IE9后已经开始支持script的...