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

html-css015

html如何实现点击按钮跳转页面,第1张

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

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

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

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

操作方法如下:

工具:电脑,win10系统版本。

1、在桌面上新建一个文本文档,双击打开。

2、打开文档后,输入以下代码,其中自动跳转的代码是红色方框中的内容。refresh表示跳转,30表示30秒后跳转,跳转至index1.html。

3、输入完成后,单击文件菜单,然后选择另存为。

4、在弹出来的对话框中,选择桌面为保存的位置,然后文件名后缀修改为.html,然后单击保存。

5、然后,在桌面上找到保存的html文件,双击打开。

6、等待30秒后,可以看到页面自动跳转到了index1.html。

相关内容解释:

网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。

网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一"页",是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。