html如何实现点击按钮跳转页面

发布网友 发布时间：2022-04-20 20:13

我来回答

共5个回答

热心网友 时间：2022-04-06 14:15

1、首先，我们新建一个带有button按钮的页面，在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性，我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转，也可以让onClick触发函数实现页面跳转，如下图所示。

4、还可以写一个click函数，来触发页面跳转。这就需要我们获取到这个button，可以给button一个Id了，如下图所示。

热心网友 时间：2022-04-06 15:33

纯HTML实现是加个a标签。
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下，链接将以以下形式出现在浏览器中：
一个未访问过的链接显示为蓝色字体并带有下划线
访问过的链接显示为紫色并带上下划线
点击链接时，链接显示为红色并带上下划线
语法：<a href="url">Link text</a>

热心网友 时间：2022-04-06 17:08

首先，你跳转的目标页面需要有访问数据库和显示数据的功能，然后在这个button上加个代码onclick="window.location.href="目标网页URL";
"追问访问数据库怎么写呢？

热心网友 时间：2022-04-06 18:59

<a href="你要跳转到的页面的网址">按钮标签</a>

热心网友 时间：2022-04-06 21:07

<a href="#你跳转页面">
JS:windows.open(url)