Question

HTML中 <button></button>标签想实现跳转链接功能应该怎样实现?

我用的button标签想实现按下按钮之后跳转到其他网站,应该写什么代码?
还有像<a type="button">这样子的按钮能不能改大小和用图像在上面?

Answer 1

标签是html中的基本标签之一，定义超链接，用于从一张页面链接到另一张页面。

一、href属性

1、可以链接到项目的的文件上，也可以链接到URL网址上；

<a href="/index.html">指向本网站中的一个页面的链接</a>

<a href="http://www.baidu.com/">指向万维网上的页面的链接</a> 

2、a标签中可以使用文本也可以使用图片；

<a href="/index.html"><img border="0" src="/图片.gif" /></a>

<a href="/index.html">文本</a>

3、链接到同一页面的不同位置；

<a href="#ID">#ID是要跳转到位置标签的id</a>

二、其他属性

1、download：被下载的超链接目标。<a href="/下载的图片.gif" download="下载图片">这是下载链接</a>；

2、target：链接的打开方式：有五个选项：

_blank：在新窗口中打开被链接文档。
_self：默认。在相同的框架中打开被链接文档。
_parent：在父框架集中打开被链接文档。
_top：在整个窗口中打开被链接文档。
framename：在指定的框架中打开被链接文档。

三：js实现a标签跳转；不使用href属性实现

1、带参数形式

1）<a onclick="test(参数...);">test</a>

2）script代码：

<script>
function test(obj){
【执行的代码】
}
</script>

2、不带参数

1）<a onclick="test();">test</a>

2）script代码：

<script>

function test(){

【执行的代码】
}
</script>

Answer 2

<button onclick="tz()">跳转</button>
<script>
function tz(){
window.location.href='目标网址';

}
</script>
a是超链接type="button"写在a里显然是不对的
应该这样写: <input type="button" value="跳转"/>
html中的元素都可以用样式表来改变大小和背景