URL 参数阻止 javascript 正常工作？

Question

首先，我的整个网站运行良好。到目前为止，所有页面都没有 URL 参数。现在问题开始了。我有一个 Flash 横幅，在 Apple 移动设备上必须是 PNG 静态图像。它工作得很好，直到我创建一个带有参数的页面（例如：mysite.com/Controller1/Page1/1）。一旦我有了参数，两个横幅（flash 和 PNG）都会出现。

这是我的 iOS.js：

if (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i))
{
    alert("This was called - Mac mobile devices");
    document.write('<style type="text/css"><!--#swf{display:none;}--></style>');
}
else {
    alert("This was called - PC");
    document.write('<style type="text/css"><!--#no-swf{display:none;}--></style><script src="js/swfobject_modified.js" type="text/javascript"></script>');
} 

这是我的部分视图标题的摘要（刚刚从 _Layout 中提取，其行为是相同的）：

@Html.JsScript("../../Scripts/iOS.js")

<div id="swf">
    MY FLASH BANNER
</div>
<div id="no-swf">
    MY STATIC IMAGE
</div>

当我尝试普通页面（无参数）时，我总是有消息框 This was called - PC 但是当我添加参数时（即使在同一页面上！），我没有收到任何消息。

也许这是一个路由问题？我最大限度地简化，只留下一条路线：

   routes.MapRoute(
        null, // Nom d'itinéraire
        "{controller}/{action}/{id}", // URL avec des paramètres
        new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Paramètres par défaut
    );

知道发生了什么吗？

Answer 1

@Html.JsScript("../../Scripts/iOS.js")

当您向路径添加元素时，您需要向相对 URL 添加 ../ 或使用 确保相对 URL 解析为相同的绝对 URL。

也许上面应该变成

@Html.JsScript("../../../Scripts/iOS.js")

或者您可以添加

<base href="http://mysite.com/Controller1/Page1/">

到页面顶部附近。

http://www.w3.org/TR/html4/ struct/links.html#h-12.4 说

在 HTML 中，对外部图像、小程序、表单处理程序、样式表等的链接和引用始终由 URI 指定。相对 URI 根据基本 URI 进行解析，该基本 URI 可能来自多种来源。 BASE 元素允许作者显式指定文档的基本 URI。

如果存在，BASE 元素必须出现在 HTML 文档的 HEAD 部分中，位于任何引用外部源的元素之前。 BASE 元素指定的路径信息仅影响该元素出现的文档中的 URI。