美文网首页程序员
IE9 不支持 base 标签

IE9 不支持 base 标签

作者: lancelot_lewis | 来源:发表于2016-05-17 15:01 被阅读0次

最近在学习使用 requirejs,config 的配置中有一个baseUrl代表 requirejs 加载 js 时的基地址,所有的文件都是根据这个基地址去查找相对地址。
html 中有这么一个base标签也是来完成这件事的,w3school里面是这么介绍的:

定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

在使用中却发现,base标签在 chrome 和 edge 浏览器下没有问题,可是切换到 ie9 模式的时候,base标签失效了,就像是 ie9 不认识这个标签一样,完全无视了。在切换到 ie10 和 ie11 的时候,就没有问题。

最初还怀疑是 edge 浏览器模拟 ie9 的环境不是很完美,所以就索性装了一个 win7的虚拟机。win7 自带的浏览器是 ie8,正好 ie8 一起测试一样。

ie8 的确是不支持,再把浏览器升级到 ie9,果然也是不支持的,好吧,那只能选择放弃了。

贴两张图,大家感受一下:

w3school
w3schools

第一个是w3school的介绍,第二个是w3schools的介绍。
仔细观察,第一个图特意有标明所有浏览器都支持,请自行感受。

附上个人博客对应博文地址:
http://lancelot_lewis.coding.me/2016/05/17/html/ie9-base/

相关文章

  • IE9 不支持 base 标签

    最近在学习使用 requirejs,config 的配置中有一个baseUrl代表 requirejs 加载 js...

  • 浏览器兼容性问题解决方案汇总

    解决 ie9 以下浏览器对 html5 新增标签不识别的问题 解决 ie9 以下浏览器不支持 CSS3 Media...

  • HTML5知识点小记

    Canvas 对于不支持自定义新标签的浏览器(IE9以下)的,可以使用如下方式 HTML5Shiv canvas绘...

  • 4.2.3.1全屏布局

    不支持IE6,HACK方案 IE9及以下都不兼容

  • reduce、keys 、filter方法

    reduce方法(ie9以下不支持) var arrString = 'abcdaabc'; arrString....

  • 网页视频播放最佳实践

    网页视频播放是个不大不小的问题,说小,简单到一个Video标签就能搞定,说大,IE9以下都不支持html5的 标...

  • Vue Upload 兼容IE9

    el-upload 并不支持IE9环境, 于是自己简单封装了一个支持IE9的Upload组件(基于 Web Upl...

  • IE兼容性问题

    1、不支持es6语法如:function简写2、不支持css3中的单位如ch单位3、IE9不支持display:f...

  • 弹性盒布局

    弹性盒布局 ,属于css3部分,ie9以下不支持,现代浏览器指的是就是ie9及以上 主要出现属性:display:...

  • base 标签

    base 标签可以设置整体链接的打开方式 四个链接均为在新窗口打开。注:target="_self"是在原窗口打开。

网友评论

    本文标题:IE9 不支持 base 标签

    本文链接:https://www.haomeiwen.com/subject/ucjirttx.html