html 导航 页面分离,HTML按钮:导航到其他页面 - 不同的方法

有多种方法可以创建HTML按钮以导航到其他页面.

方法1

Click Me

$('#btn_click').on('click', function() { window.location = 'http://www.google.com'; });

优点:从HTML中分离JS(MVC)

缺点:长码,依赖JS

注意:jQuery选择器是可选的,可以使用传统的JavaScript

方法2

Click Me

优点:1-liner,无需为按钮分配ID

缺点:将JS与HTML混合,依赖JS

方法3

Click me

.clickMe {

-moz-appearance: button;

-ms-appearance: button;

-o-appearance: button;

-webkit-appearance: button;

appearance: button;

text-decoration: none;

color: #000;

padding: 0.2em 0.4em;

}?

优点:无需依赖JS

缺点:看起来像假的按钮,需要IE9 +(appearance是一个CSS3属性)

注意:这是从这里开始的

方法4

Click Me

优点:最短的代码,无需依赖JS

缺点:滥用

标签.如果有另一个提交按钮,则不起作用

程序员,哪种方法是最有效的(因此广泛使用),为什么？

注意:我们可以将其作为社区维基吗？