任何人都可以对这种情况有所了解:我有一个链接，在模式中打开，我添加了一个链接和一个按钮，设置到相同的url。如果我点击链接，模态转到链接，并正确显示文章。如果我点击这个按钮，它会显示嵌入在页面上的文章。
这是url，点击newtest2
http://zaazoolive.thewebbusters.com/index.php?option=com_content&视图= 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>
有一个明显的区别，链接调用window.location，而按钮只设置location，但这在语义上是相同的。
你得到的弹出窗口是由JavaScript创建的。所以这个链接只是用于它的url，但是当你点击它的时候，一个脚本会被执行，它会异步加载内容并在弹出窗口中显示出来。这个脚本不影响按钮(尽管它可以)。找到执行此操作的脚本，并将其应用到按钮上。
变通办法是:
<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规范清楚地说，使用标签的项目是无效的，所以把这只作为一个解决方案。
注:为什么在断面头部使用<a></a> ?