一、onclick跳转
1. 设置window的location.href属性
2. 调用window的open方法文章来源:https://www.toymoban.com/news/detail-512995.html
二、a标签跳转文章来源地址https://www.toymoban.com/news/detail-512995.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Hello world</title>
</head>
<body>
<h1>我的第一个标题</h1><br />
<!-- 一、onclick跳转:1.设置window的location.href属性 -->
<span onclick="location='https://blog.csdn.net/xijinno1?type=blog'">点击在当前页打开csdn主页-方法1-1</span><br />
<br />
<span onclick="window.location.href='https://blog.csdn.net/xijinno1?type=blog'">点击在当前页打开csdn主页-方法1-2</span><br />
<br />
<br />
<br />
<!-- 一、onclick跳转:2.调用window的open方法 -->
<span onclick="window.open('https://blog.csdn.net/xijinno1?type=blog','_self')">点击在当前页打开csdn主页-方法2-1</span><br />
<br />
<span onclick="window.open('https://blog.csdn.net/xijinno1?type=blog','_blank')">点击在当前页打开csdn主页-方法2-2</span><br />
<br />
<br />
<br />
<!-- 二、a标签跳转 -->
<!-- target属性默认为_self,此处可省略 -->
<a href="https://blog.csdn.net/xijinno1?type=blog" target="_self">点击在当前页打开csdn主页-方法3-1</a><br />
<br />
<a href="https://blog.csdn.net/xijinno1?type=blog" target="_blank">点击在当前页打开csdn主页-方法3-2</a><br />
<br />
<br />
<br />
</body>
</html>
到了这里,关于前端页面跳转的3种方法(HTML示例)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!