在ASP.net中建立链接

时间:2015-08-11 16:20:28

标签: asp.net redirect hyperlink window.location

我试图在网页上建立链接以链接到其他网站。 它适用于谷歌浏览器,但在IE和FF中它无效。

当我将链接悬停在chrome中时,它会在左下角显示正确的链接。当我将它悬停在FF和IE中时,它会显示我当前所在页面的链接。

这是我在.apsx页面上的代码

<div id="return">
<button>
    <p><a id="ReturnBack" runat="server" href="http://www.stuff.be">Terug naar de site</a></p>
</button>
</div>

我甚至添加了一些javascript来强制它重定向

$('#return button').click(function () {
     alert("oke?");
     window.location = 'http://www.stuff.be/Pages/Home.aspx';
});

当您点击链接时触发警报,只是检查它是否有效

当在f12屏幕的IE中,我可以使用window.location = 'http://www.stuff.be/Pages/Home.aspx';重定向它。所以他们都是分开工作但不是在组合中:s

有没有人可以帮助我?我只花2天时间在一个愚蠢的链接上:(

2 个答案:

答案 0 :(得分:2)

这可能会让浏览器感到困惑:

<button>
    <p><a id="ReturnBack" runat="server" href="http://www.stuff.be">Terug naar de site</a></p>
</button>

包含段落和链接的按钮?我不认为按钮可以包含链接。 (毕竟,当你点击链接时,你是点击它还是点击按钮?)这可能是invalid HTML,这意味着浏览器行为将是未定义的和浏览器特定的。

不要使用按钮,只需使用链接:

<p><a id="ReturnBack" runat="server" href="http://www.stuff.be">Terug naar de site</a></p>

如果需要,您可以样式链接看起来像一个按钮。但从结构上讲,它不能按钮内。

然后只需更改你的jQuery选择器:

$('#return a')

(或者,相反,删除链接并保留按钮?它取决于您。但它不能同时存在。)

旁注:这与ASP.NET无关。你在这里使用的是HTML和JavaScript。

答案 1 :(得分:0)

您无法在按钮内添加链接。

删除按钮标签和脚本,它将像所有浏览器中的普通超链接一样工作。如果需要,您可以将其设置为看起来像按钮。

或者,从按钮中删除<p><a>标记,然后保留点击脚本...