您现在的位置是:首页 > 短信大全

前端页面跳转的3种方法(HTML示例)

作者:利杜鹃时间:2024-03-30 10:55:37分类:短信大全

简介  文章浏览阅读1.1w次。一、onclick跳转1. 设置window的location.href属性2. 调用window的open方法二、a标签跳转_onclick实现页面跳转

点击全文阅读

一、onclick跳转

1. 设置window的location.href属性

2. 调用window的open方法

二、a标签跳转

<!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>

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句