Question

任何人都可以对这种情况有所了解：我有一个以模态打开的链接，我添加一个链接和一个设置为转到同一个网址的按钮。如果我单击该链接，该模式将转到该链接，并正确显示该文章。如果我单击该按钮，则会显示页面上嵌入的文章。

这是网址，点击newtest2

http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=category&id=1&Itemid=2

这是代码

<head>
<script type="text/javascript">

function change_url(){
     window.location.href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2"
}
</script>
<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">next</a>
</head>

<body>

<button onclick="location.href='http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2'">Next</button>

</body>

</html>

Answer 1

有一个明显的区别，即链接调用window.location，而按钮只设置location，但这在语义上是相同的。

你得到的弹出窗口是由JavaScript创建的。因此链接仅用于其URL，但是当您单击它时，将执行一个脚本，该脚本异步加载内容并在弹出窗口中显示。此脚本不会影响按钮（尽管可能）。找到执行此操作的脚本并将其应用于按钮。

Answer 2

解决方法可能是：

<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">
        <button></button>
</a>

编辑虽然它有效，但不是推荐的代码，因为HTML规范明确指出使用商品标记无效，因此仅将其视为解决方法。

P.S。你为什么在部门负责人中使用<a></a>？

链接与按钮困境

2 个答案: