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>