html框架中关闭窗口的问题

html框架中关闭窗口的问题

http://img1.sycdn.imooc.com//climg/5cb1c2e100014cbc13480627.jpg

如图,这是一个html框架,我希望点击左侧的退出系统,关闭整个页面,我在左侧页面中编写关闭窗口事件无效。


left.jsp

<body>
    <div id="left">
        <div class="mod" id="mod1">
            <a href="bill.jsp" target="right"><img class="btn" src="images/btn_bill.gif" alt=""></a>
        </div>
        <div class="mod" id="mod2">
            <a href="provider.jsp" target="right"><img class="btn" src="images/btn_suppliers.gif" alt=""></a>
        </div>
        <div class="mod" id="mod3">
            <a href="user.jsp" target="right"><img class="btn" src="images/btn_users.gif" alt=""></a>
        </div>
        <div class="mod" id="mod4">
            <a href="report.jsp" target="right"><img class="btn" src="images/btn_reports.gif" alt=""></a>
        </div>
        <div class="mod" id="mod5">
            <a href="#" target=""><img class="btn" src="images/btn_exit.gif" alt=""></a>
        </div>
        <div id="border">
            <img id="mod6" src="images/frame_bg.gif" alt="">
        </div>
    </div>
    
</body>
	<script src="js/jquery-3.3.1.js"></script>
	<script type="text/javascript">
    	$("#mod5").on('click',function(){
    		window.close();
    	});
    </script>

总结:在left.jsp中点击,关闭整个页面,怎么做?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
芝芝兰兰 2019-04-16 10:08:48

同学你好,试一下下面方法吧:

response.Write("<script>window.top.opener=null;window.parent.close();</script>")

或者 window.opener.top.close() 或 window.opener.close();  

然后设置window.opener=null 可以不显示:"您查看的网页正在试图关闭窗口,是否关闭窗口"


  • 提问者 乃好 #1
    老师你好,请问你说的这些方法要添加在哪个地方啊
    2019-04-16 10:27:28
我会看星星 2019-04-15 19:56:36

这是前端的框架,不应该去学前端吗???使用js可以关闭网页,但是应该只能关闭左边部分吧?其他的关闭不了吧

  • 提问者 乃好 #1
    这部分学的不就是前端嘛?。。虽然只是蜻蜓点水
    2019-04-15 20:04:44
芝芝兰兰 2019-04-15 16:23:34

修改js的src位置为绝对路径试一下:

<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<script src="<%=basePath%>js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        $("#mod5").on('click',function(){
            window.close();
        });
    </script>
  • 提问者 乃好 #1
    老师你好,你的猜想是不是我用了jquery获取元素进行操作,由于js加载的问题,没有正确加载jquery导致获取不到元素导致无法触发内部方法呢?我试过了,js没有问题,我在单机方法中添加过alert,是可以正常弹出提示框的
    2019-04-15 16:37:54
  • 芝芝兰兰 回复 提问者 乃好 #2
    同学试的时候是只试了left.jsp页面。还是在引入它的index页面试的呢?因为include有可能会出现相对路径改变的问题。
    2019-04-15 17:36:34
  • 提问者 乃好 回复 芝芝兰兰 #3
    老师你好,我两种情况都试过了,也按照要求修改了,若是只打开left.jsp测试,是可以关闭页面的,但若是在整个框架中,点击left中的退出,则不会关闭页面,但是页面会自动隐藏顶部,然后鼠标滚轮划一下就又回去了,不知道为啥
    2019-04-15 19:04:23
芝芝兰兰 2019-04-14 11:09:50

同学你好,可以使用a标签内嵌JavaScript代码来实现:

<a href="javascript:window.opener=null;window.open('','_self');window.close();" target="">

如果解答了同学的疑问,望采纳~

祝学习愉快~


  • 提问者 乃好 #1
    咩有用。。。
    2019-04-14 20:48:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师