要实现在 HTML 中点击按钮跳转页面,你可以使用 HTML 表单和 JavaScript。
【资料图】
首先,你需要创建一个表单元素,并使用 action 属性指定要跳转到的页面,使用 method 属性指定请求方法。例如,下面的代码将创建一个表单,当点击“提交”按钮时,将导航到 example.html 页面:
htmlCopy code
接下来,你可以添加一个 JavaScript 事件监听器,以便在用户点击按钮时触发导航操作。例如,下面的代码将在用户点击“点击这里”按钮时,使用 JavaScript 执行表单提交操作:
htmlCopy code
这将触发表单提交并导航到 example.html 页面。
请注意,如果你使用 JavaScript 执行表单提交,你需要确保表单中包含一个可以提交的输入字段(例如,一个文本输入框)。否则,表单可能不会被提交。
如果你希望通过 JavaScript 编程方式执行页面导航,你可以使用 window.location.href 属性。例如,下面的代码将在用户点击“点击这里”按钮时,使用 JavaScript 将页面导航到 example.html:
htmlCopy code
这将立即将页面导航到 example.html 页面。
关注后点击【创意电子】查看更多资源
#html#
标签:
相关新闻