有一件事要记住:

如果你要开发一个在iOS上的UIWebView中显示的网页，那么你必须使用BASE标签。否则它根本不会起作用。无论是JavaScript, CSS，图像-没有一个将工作在UIWebView下的相对链接，除非标签BASE被指定。

我以前也遇到过这种情况，直到我发现。

我已经找到了一种方法来使用<基础>和基于锚的链接。您可以使用JavaScript来保持像#contact这样的链接正常工作。我在一些视差页面中使用了它，它很适合我。

<base href="http://www.mywebsite.com/templates/"><!--[if lte IE 6]></base><![endif]-->

...content...

<script>
var link='',pathname = window.location.href;
$('a').each(function(){
    link = $(this).attr('href');
    if(link[0]=="#"){
        $(this).attr('href', pathname + link);
    }
});
</script>

你应该用在这一页的末尾

哈希值“#”目前与基本元素一起用于跳转链接，但仅限于谷歌Chrome和Firefox的最新版本，而不是IE9。

IE9似乎会导致页面被重新加载，而不会跳转到任何地方。如果你在一个iframe的外部使用跳转链接，同时引导该框架在该框架内的另一个页面上加载跳转链接，你将得到加载在该框架内的跳转链接页面的第二个副本。

它使页面更容易离线查看;您可以将完全限定的URL放在基本标记中，然后您的远程资源将正常加载。

有一件事要记住:

如果你要开发一个在iOS上的UIWebView中显示的网页，那么你必须使用BASE标签。否则它根本不会起作用。无论是JavaScript, CSS，图像-没有一个将工作在UIWebView下的相对链接，除非标签BASE被指定。

我以前也遇到过这种情况，直到我发现。

还有一个站点使用了base - tag，出现了描述的问题。(升级jquery后)，能够修复它有TAB url像这样:

<li><a href="{$smarty.server.REQUEST_URI}#tab_1"></li>

这使得他们“本地化”

我使用的参考资料:

http://bugs.jqueryui.com/ticket/7822 http://htmlhelp.com/reference/html40/head/base.html http://tjvantoll.com/2013/02/17/using-jquery-ui-tabs-with-the-base-tag/