html按钮button怎么加超链接
如果让本页转向新的页面则用：
如果需要打开一个新的页面进行转向，则用： 注意：上面的按钮加超链接只针对 IE 好用。火狐和Safari如果想同时好用可以用到以下方法
超级链接是一种允许网页同其他网页或站点之间进行连接的元素，属于网页的一部分。按照使用对象的不同，超级链可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
超链接的目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序等。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
1.如果让本页转向新的页面则用：
2.如果需要打开一个新的页面进行转向，则用：
扩展资料
HTML 标签
定义和用法
标签定义一个按钮。
在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
控件 与 相比，提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。
解决思路：
按钮属于控件级的对象，优先级比较高，所以不能象图片或文本一样直接加链接，只能通过按钮的单击事件调用脚本的方式来实现。
具体代码实现如下：
1、若直接在本页跳转到新的页面，实例测试源代码如下：
2、页面展示如下：
3、执行实例，点击【打开窗口】，运行结果如下：
4、如果需要打开一个新的页面进行跳转，实例测试源代码如下：
5、此时页面展示如下：
6、执行代码，结果如下：（将百度也载入）
使用onclick时间和location
1、<input name="注册" type="button" id="btn1" title="登注册" value="注册" />在按钮里面加一个onclick事件。location.href表示在当前页面打开URL页面。
2、<input name="注册" type="button" id="btn1" title="登注册" value="注册" onclick="location.href='链接写这里'" />
使用<a>标签
1、把<input name="注册" type="button" id="btn1" title="登注册" value="注册" />放在a标签里，直接把链接放到<a>标签里。
2、<a href="链接写这里"><input name="注册" type="button" id="btn1" title="登注册" value="注册" /></a>
扩展资料
HTML <a>标签提示和注释
1、如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。
2、被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。
3、请使用 CSS 来设置链接的样式。
Location 对象属性
1、hash，设置或返回从井号 (#) 开始的 URL（锚）。
2、host，设置或返回主机名和当前 URL 的端口号。
3、hostname，设置或返回当前 URL 的主机名。
4、href，设置或返回完整的 URL。
5、pathname，设置或返回当前 URL 的路径部分。
6、port，描设置或返回当前 URL 的端口号。
7、protocol，设置或返回当前 URL 的协议。
8、search，设置或返回从问号 (?) 开始的 URL（查询部分）。
Location 对象方法
1、assign()，加载新的文档。
2、reload()，重新加载当前文档。
3、replace()，用新的文档替换当前文档。
HTML <a>标签的定义和用法
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
可以使用input的click事件进行处理，这里假设点击转向的链接是百度，方法如下：
1、DOM0级事件处理:
1）html代码：<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>
2）js代码：
function goToBaiDu(){
console.log('现在去百度啦！')
window.open('http://www.baidu.com')
}
效果如下：
2、DOM2级事件，绑定click事件，如下：
1）html代码：<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>
2）js代码：
window.onload = function(){
document.getElementById('btn1').addEventListener('click',goToBaiDu)
}
function goToBaiDu(){
console.log('现在去百度啦！')
window.open('http://www.baidu.com')
}
效果如下：
3、上面的方式的打开一个新窗口，还有一个打开链接的方式，是在当前标签页下直接跳转到另一个页面，代码如下：
window.location.href="http://www.baidu.com"
需要使用A标签包覆住button标签才可以的，这样就是形成了一个超链接的状态。
首先创建一个A标签，然后在A标签里面嵌套button标签，并且给A标签加入一个连接，见下面的代码：
2.这样就实现了一个点击button按钮实现跳转的效果了，样式完全不会改变。
以上就是给button按钮添加超链接的方式了，你学会了吗？
同意《casskkc2》的回答，但是增加一点补充
1.如果让本页转向新的页面则用：
<input type=button onclick="window.location.href('连接')">
2.如果需要打开一个新的页面进行转向，则用：
<input type=button onclick="window.open('连接')">
柏露联合： 航海任务网
奈曼旗18417278523： html里怎么把这样的按钮<input type=＂submit＂ value=＂报名＂>设置为超链接？
柏露联合： 这是普通按钮的方法<input type=＂button＂ name=＂button1＂ value=＂报名＂ onclick=＂window.location='链接页面.htm';＂>或者<input type=＂submit＂ value=＂报名＂ onclick=＂Onsubmits()＂ ><script type=＂text/javascript＂>function Onsubmits(){ window.location.href='pagedo.html'}</script>就行了还有问题联系我,545196690
奈曼旗18417278523： 网页制作中插入的按钮怎么加超链接 - ？
柏露联合： window.location.href=＂http://www.163.com＂ window.open(＂http://www.163.com＂)
奈曼旗18417278523： HTML中怎样把按钮设置成超链接 并且按钮名字自己定义? - ？
柏露联合： <input type=＂button＂ value=＂名字＂ onclick=＂window.open('地址')＂/> 这样试试,纯手写..但应该都没错的了.
奈曼旗18417278523： html button 加超链接 - ？
柏露联合： 可以在button外面套一层a123 <ahref=＂aaa.com＂><buttontype=＂submit＂>购买</button></a>
奈曼旗18417278523： 如何用按钮实现超链接? - ？
柏露联合： 设置方法:<input type=＂button＂ name=＂Submit＂ value=＂返回＂ class=＂Button2＂ onclick=＂window.location='testList.htm';＂>超级链接简单来讲,就是指按内容链接.超级链接在本质上属于一个网页的一部分,它是一种允许我们同其...
奈曼旗18417278523： 如何在Button中建立超链接? - ？
柏露联合： 楼上的说的什么东东啊,images= button????button是按钮好吧 不是图片button添加链接比如 <input type=＂button＂ name=＂Submit＂ value=＂确 定＂ class=＂btn＂ onclick=＂location.href='filename.html'＂>
奈曼旗18417278523： 我想在一个按钮里添加一个超链接,应该怎么做, - ？
柏露联合： 右击该按钮,点超链接,然后弹出一个对话框,根据自己的需要选就行了.
奈曼旗18417278523： 求按一个按钮又能做超链接的代码 - ？
柏露联合： 用什么语言写?告诉你个Script代码吧:<script> function check() { window.open(＂打开的页面名称＂); }</script> 然后在按钮的代码后面添加事件:onClick(＂check()＂); 然后运行页面,点击按钮就可以弹出要弹出的页面.ASP的是:添加...
奈曼旗18417278523： 网页的“提交”按钮怎样做超链接?？
柏露联合： 你有先建表单么`` 先建表单``这些东东都在表单里`` 代码界面`可选中表单再进入` 有个橘黄色的ACTION``在里面输入要连接的地址就好 `
