js 页面跳转控制锚点的方法汇总

一、页面跳转的方法
1.html：

<a href='跳转到的页面.html'>跳转</a>

2.js：
在新页面打开：

window.open('跳转到的页面.html')

原页面跳转：

window.location.href='跳转到的页面.html'

二、控制锚点的方法
1.JS方法：

<!--这个页面的名称为：跳转页面-->
<p id='abc'>跳转到这里</p>

//这个代码不在‘跳转页面’，可实现跨页面跳转
window.open('跳转页面.html #abc')

2.html方法：

<!--这个是同一个页面跳转的，想要实现跨页面锚点可在锚的href中协商要跳转到的页面的名称-->
<a href='#btn'>锚</a><!--点击 锚 到达 点 -->
<!--为了效果明显给中间加上一个大框占位-->
<div style='width:100%;height:800px;background:#ddd'></div>
<a id='btn'>点</a>
<div style='width:100%;height:800px;background:#ccc'></div>

js 页面跳转控制锚点的方法汇总相关推荐

js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js页面跳转和js打开新窗口
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
JS返回上一页-JS返回下一页-JS页面跳转
JS返回上一页-JS返回下一页-JS页面跳转 Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back( ...
js页面跳转和js对iframe进行页面跳转、刷新
js页面跳转和js对iframe进行页面跳转.刷新一.js方式的页面跳转 1.window.location.href方式 <script language="javascr ...
js 页面跳转方法当前页与新增页面
js 页面跳转方法 open('http://www.baidu.com'); //页面跳转打开一个新的页面close() //关闭当前页面location.href //可以进行页面跳转当前网页直接 ...
location.hash 原生js页面跳转/路由
使用vue开发项目非常方便,vue全家桶让你想实现什么功能都更加便捷,但是使用原生js,jquery开发,页面之间跳转怎么实现呢, 下面说一下window.location.hash,概念性的东西大家 ...
js带参数跳转php,JS实现页面跳转参数不丢失的方法
本文实例讲述了JS实现页面跳转参数不丢失的方法.分享给大家供大家参考,具体如下: 需求:页面编辑后,返回列表页面,参数不丢失,能够记住页数以及筛选条件. 我坚信,不管白猫黑猫,能捉到耗子的就是好猫,当 ...
js页面跳转参考代码大全
整理一下JS页面跳转参考代码第一种: <script language=/"javascript/" type=/"text/javascript/&q ...
js 跳转html,js页面跳转方式 js页面跳转举例
js页面跳转,在日常的开发中,经常被用到,因为它灵活方便. 本文为大家收集了几种js页面跳转的方式,供朋友们参考. 方式1: 复制代码代码示例: window.location.href=" ...

js 页面跳转控制锚点的方法汇总

js 页面跳转控制锚点的方法汇总相关推荐

最新文章

热门文章

js 页面跳转 控制锚点的方法汇总

js 页面跳转 控制锚点的方法汇总相关推荐

最新文章

热门文章

js 页面跳转控制锚点的方法汇总

js 页面跳转控制锚点的方法汇总相关推荐