js跳转新页面，指定div加载新页面

Vicco_Cc

于 2017-07-20 21:23:44 发布

阅读量1.4w

点赞数 1

分类专栏： js

本文链接：https://blog.youkuaiyun.com/Vicco_Cc/article/details/75577915

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了三种JS跳转或加载新页面的方法，包括在当前页面上跳转、页面外跳转以及在页面指定div区域加载完整新页面。重点讲解了使用法一进行内容更新的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在当前页面上跳转新页面

window.open('#要载入的界面');
window.open('graphReportController.do?list&id=dzdxz');
window.open('webpage/com/nuist/singleStationInfo/stationInfoTab.jsp');

οnclick="javascript:window.open('webpage/com/nuist/singleStationInfo/stationInfoTab')"

2、当前页面外跳转出新页面

window.location.href = "#要跳转的页面";
window.location.href = "graphReportController.do?list&id=dzdxz";
window.location.href = 'webpage/com/nuist/singleStationInfo/stationInfoTab';

3、页面指定div区域加载完整新页面

法一：

$("#div").load('#要加载的页面');
$("#tabSide").load('graphReportController.do?list&id=dzdxz');

法二：

<iframe src="#要载入的页面" width="1480px" height="630px" style="overflow: hidden; border:none;"></iframe>

<div class="tabSide active" >
<iframe src="../../../../graphReportController.do?list&id=dzdxz" width="1480px" height="630px" style="overflow: hidden; border:none;"></iframe>
</div>