Html 链接与按钮困境

Html 链接与按钮困境,html,button,markup,Html,Button,Markup,有人能解释一下这种情况吗:我有一个以模式打开的链接,我添加了一个链接和一个设置为指向同一url的按钮。如果我单击链接,模态将转到链接,并正确显示文章。如果我点击按钮,它会显示嵌入页面的文章 这是url,单击newtest2 这是密码 函数更改\u url(){ window.location.href=”http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&cat

有人能解释一下这种情况吗:我有一个以模式打开的链接,我添加了一个链接和一个设置为指向同一url的按钮。如果我单击链接,模态将转到链接,并正确显示文章。如果我点击按钮,它会显示嵌入页面的文章

这是url,单击newtest2

这是密码


函数更改\u url(){
window.location.href=”http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2"
}
下一个

有一个明显的区别,链接调用
window.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规范明确指出,对项使用标记是无效的,所以只将其视为一种解决方法


另外,你为什么要在部门主管中使用

哈哈,因为我是新手。这就像你摇滚的魅力。我想问你一个问题,在按钮后面,我可以看到超链接中的一小行,是否可以不尝试在标记之间添加这是无效的。。。W3C规范说“交互式元素按钮不能作为元素的后代出现。”并且它不会验证。。。检查:@Ahmad Alfy,你可以随时发布你自己的解决方案Dirty!它不仅为您提供了无效代码,而且实际上并没有解决问题,它只为您提供了一种解决方法。这就像在车窗上贴一块塑料,而不是仅仅关上车窗,以此来修理汽车的空调一样。:)
<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">
        <button></button>
</a>