前端页面跳转的3种方法(HTML示例)
时间：2024-04-08 13:20:38 来源：网络cs 作者：欧阳逸 栏目：卖家故事 阅读：
阅读本书更多章节>>>>
一、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>本文链接：https://www.kjpai.cn/gushi/2024-04-08/155442.html，文章来源：网络cs，作者：欧阳逸，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
下一篇：返回列表