html按钮怎么设置超链接？html按钮超链接的四种实现方法_html-js-css

概述html按钮怎么设置超链接？html按钮超链接的四种实现方法在HTML中，有时候为了好看与方便可能会需要设置按钮超链接，那么HTML按钮怎么设置超链接呢？接下来本篇文章我们就来看看HTML按钮超链接的四种实现方法，有需要的朋友可以参考一下。

HTML按钮设置超链接的方法一：使用超链接与button结合的方法

HTML按钮超链接代码如下：

<!DOCTYPE HTML><HTML><head>    <Title></Title></head><body><a href="http://www.jb51.cc/"><@R_403_5983@ type=button value="内存溢出网" ></a></body></HTML>

HTML按钮超链接效果如下：

说明：<a> 标签的 href 属性用于指定超链接目标的URL。

HTML按钮设置超链接的方法二：使用链接和CSS样式设置将超链接设置成按钮的形状

HTML按钮超链接代码如下：

<!DOCTYPE HTML><HTML><head>    <Title></Title>    <style type="text/CSS">   a.button {    -webkit-appearance: button;    -moz-appearance: button;    appearance: button;    text-decoration: none;    color: initial;}</style></head><body><a href="http://www.jb51.cc" class="button">内存溢出网</a></body></HTML>

HTML按钮设置超链接的方法三：使用 form表单来设置HTML按钮超链接

HTML按钮超链接代码如下：

<!DOCTYPE HTML><HTML><head>    <Title></Title></head><body><form method="get" action="http://www.jb51.cc/">    <button type="submit">内存溢出网</button></form></body></HTML>

HTML按钮设置超链接的方法四：使用window.location.href方法

完整的写法：

<a href="链接"> 　　<@R_403_5983@ type=button onclick="window.location.href('连接')"></a>

说明：

1、若直接在本页跳转到新的页面，则用： <@R_403_5983@ type=button onclick="window.location.href('连接')">
2、如果需要打开一个新的页面进行跳转，则用： <@R_403_5983@ type=button onclick="window.open('连接')">

总结

以上是内存溢出为你收集整理的html按钮怎么设置超链接？html按钮超链接的四种实现方法全部内容，希望文章能够帮你解决html按钮怎么设置超链接？html按钮超链接的四种实现方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1013397.html

html按钮怎么设置超链接？html按钮超链接的四种实现方法

发表评论

评论列表（0条）