html切换导航不同页面,HTML按钮：导航到其他页面 - 不同的方法

有多种方式可以创建HTML按钮以导航到其他页面。HTML按钮：导航到其他页面 - 不同的方法

方法1

Click Me

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

优势：独立JS从HTML(MVC)

缺点：长码，依靠JS

注：jQuery选择是可选的，可以使用传统JavaScript

方法2

Click Me

优势：1的衬垫，没有必要分配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属性)

注：这是从here

方法4

Click Me

优势：最短的代码，无需依靠JS

缺点：错误使用

标记。如果有另一个提交按钮，则不起作用

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

注意：我们可以把它作为社区维基？

2013-07-10

Raptor

+1

重新编写了问题。请重新考虑。我想我可能会有一个答案'：)' –