删除提示、弹出窗口、本窗口关闭，父窗口刷新

最新推荐文章于 2021-06-20 08:38:58 发布

豆芽学Java

最新推荐文章于 2021-06-20 08:38:58 发布

阅读量139

点赞数

分类专栏： javascript 文章标签： Java CSS JSP

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了网页中常见的操作技巧，包括元素的删除提示、弹出窗口的使用及本窗口关闭同时父窗口刷新的方法。此外，还探讨了前后端交互的一些实用模式，例如如何通过JavaScript处理后台返回的数据并在前端页面上进行展示。

摘要由CSDN通过智能技术生成

:arrow: 一、[color=red]删除提示[/color]

<a href='javascript:if(confirm("确定要删除吗?")){window.location="routerInfo.do?method=del&&id=${pro.id }";}'>删除</a>

二、[color=red]使用window.open()打开页面，即弹出窗口[/color]

<p align=center><input type="button" value="增加" onclick="addResource()"/></p>
<script type="text/javascript">
   function addResource()
    {
    window.open("${pageContext.request.contextPath}/alarmconfig/addSCConfig.jsp",    "_blank", "width=400,height=300",window);
    }

三、[color=red]本窗口关闭，父窗口刷新[/color]

<script type="text/javascript">

    function closewin(){
    self.close();
    self.opener.location.reload();
    return true;
    }

    </script>

前后台交互的方法

曾经在网上看到有位JS大师总结的前后台的几种交互模式。第一个是alert()出后台给的数据。这种方法还算比较常用。还有一种更正规的模式，就是做 div首先写个css就是把这个div的style.display设置成none不让div显示，然后用js做处理的时候。把数据显示在div里面可以设置其innerHTML=data。然后把div的属性设置成””如:

document.getElementById('failinfo').innerHTML=name+'不好使';

document.getElementById('failinfo').style.display="none";

我感觉这样很帅。刚刚又看了一下原来不是div，是p，p空上换行的东西，我一直以为用处不大。一直都用br，现在才发现他还有display=none这个特性，可以在他上面设置如

<P class="creat_already font_space" id=failinfo

       style="DISPLAY: none"></P>