各种页面跳转或当前页跳转的方法

最新推荐文章于 2024-02-26 15:31:48 发布

往事不堪回首..

最新推荐文章于 2024-02-26 15:31:48 发布

阅读量1k

点赞数

文章标签： javascript html 各种页面跳转或当前页跳转的方法某个模块内容替换方法

本文链接：https://blog.csdn.net/qq3892997/article/details/130422177

版权

onclick="javascript:window.open('operationLog.jsp','_blank');" //新窗口打开页面  _blank就是新窗口
onclick="javascript:window.open('http://www.baidu.com','_self');" //可以需要刷新当前页面或者覆盖当前页面  -self就是当前页面
onclick="javascript:location.href='Logout.do'"  //当前窗口打开页面


onclick='javascript:$("#main").load("Model2.do");'    //当前页面id为main的模块加载新页面 ，如果多个链接都是当前模块刷新建议写成一个方法，再进行调用
load里面如果传入的是action或mvc的接口也会自动执行完并加载返回的页面，因此传入的接口必须返回的是页面

如果不想使用load，就想自己执行ajax然后接口返回的是页面，把这个页面刷新到模块中，那也可以使用以下：
$("#main").html(ajaxResponse);  //只不过是load更智能帮我们执行完接口再把结果加载了


window.xxx.innerHTML=document.getElementById('xx').innerHTML;   //如果没用jquery ，那就使用原始的加载id为xx的所有html内容到到name为xxx的div中
window.parent.xxx.innerHTML=document.getElementById('xx').innerHTML;  //如果没用jquery ，那就使用原始的加载id为xx的所有html内容到父窗口的name为xxx的div中


<form name="form1" method="post" action="Model2.do" target='_blank'>  //form表单也可以设置target='_blank'从而达到提交后跳转到提交接口返回的那个页面