当前位置:Gxlcms > html代码 > HTML中的base标签使用详解_HTML/Xhtml_网页制作

HTML中的base标签使用详解_HTML/Xhtml_网页制作

时间:2021-07-01 10:21:17 帮助过:74人阅读

在requireJS中,有一个属性叫baseURL,通过设置baseURL,我们可以将需要加载的文件路径写成相对于项目的,而不是相对于当前页面的。

例如:假设我们的项目目录是/myproject/,里面有两个页面,一个是/myproject/one.html,另一个是/myproject/html/other.html,他们都要加载/myproject/js/some.js。如果我们将baseURL设置成/myproject/,则我们在加载该js的时候,这两个页面都可以使用相对于项目的路径./js/some,而不是因为页面的路径不同而使用不同的相对路径。

但是如果不使用requireJS,我们能不能实现类似于baseURL的功能呢?

base标签
其实,HTML中有一个base标签,可以产生类似的功能。举个例子:

代码如下:










我们会发现,我们用相对路径https://img.gxlcms.com//Uploads-s/new/2019-09-27-201927/logo_gray.gif加载的图片,却变成了https://img.gxlcms.com//Uploads-s/new/2019-09-27-201927/logo_gray.gif的图片。

base标签可以给页面的链接加上默认的路径,或者默认的打开方式。

下面是一个设置默认打开方式的例子:

代码如下:





这个页面会在新窗口打开
这个页面也会在新窗口打开



一个BUG
base标签最好不要动态写入,否则在Firefox和IE中会有一个小bug,比如对于页面http://localhost/static/test.html:

代码如下: