`
geeksun
  • 浏览: 965413 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关闭子窗口并刷新父窗口的js写法

阅读更多

         在web页面的管理操作中,一般会有修改选项来对每一个item进行修改操作,这时一般会打开一个新窗口,在新窗口中进行修改信息,修改后页面的form提交到后台程序进行处理,后台程序处理完后,可以返回一个标记到页面前端,在页面判断这个标记的值,并根据值决定是否进行相应的web事件操作。

如在修改信息提交后,用户想要看到的是,修改页面的窗口关闭,原来的窗口中的内容重新刷新,刷新后可以看到修改的内容已经生效。

客户的信息管理页面main.vm:

 <td align="center" valign="middle">  
 <a href="#" onclick="javascript:window.open('$link.setPage('edit.vm')?id=$!item.Id'newwindow','height=180,width=700,scrollbars=no,status=no,toolbar=no,menubar=no,location=no,top=150')" >修改</a> |   
 <a href="#" onclick="forbid('$!item.articlecatId')">删除</a>  
 </td>  
<script>  
    function reload() {  
         document.listForm.submit();  
    }  
</script>  

             这里有个reload()和修改页面edit.vm的js脚本window.opener.reload()相应,即当edit.vm的window.opener.reload()执行时,调用reload()。

修改信息的java处理代码:

			context.put("message", "修改成功!");
			setTemplate(data, "cmsissue,article,re_article_category.vm");

    此处用的是turbine框架,context.put(str,obj);相当于request.setAttribute(str,ojb);

setTemplate()相当于forward()方法,就是程序要转向的前端页面。

要跳转到的前端页面的代码edit.vm:

<script>
     alert("$!message");
     window.close();
     window.opener.reload();
</script>
#end
#set($!message="")






前端页面用的是velocity,如果message存在就显示message,并关闭本窗口,刷新父窗口。

分享到:
评论

相关推荐

    刷新父窗口的多种方法

    在打开一个新的窗口或者弹出一个子窗口后,有时我们需要在关闭子窗口时刷新父窗口。这种方法非常常见,例如,在用户完成了一个表单填写并提交后,我们可能希望关闭这个弹出窗口并刷新主页面,以便用户能够看到最新的...

    jsp页面中窗口关闭,退出的方式分享.docx

    - **子窗口随父窗口关闭:** 在子窗口中监听父窗口关闭事件,从而实现子窗口跟随父窗口关闭的效果。 - **兼容性问题:** 需要注意不同浏览器对于某些事件的支持程度不同,编写代码时要考虑浏览器兼容性。 #### 五、...

    100多个很有用的javascript函数以及基础写法集合

    JavaScript 函数和基础写法大集合 JavaScript 是一种广泛应用于 Web 开发的编程语言,下面总结了 100 多个有用的 JavaScript 函数和基础写法。 输出语句 document.write("") 是 JavaScript 中最基本的输出语句,...

    js刷新页面 方法大全

    本文将详细介绍几种使用JavaScript刷新页面的方法,并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。...

    javascript 注释的标准写法

    javascript和后台程序对比的缺点 1、不易读性; 2、不好调试性; ............ 有了以上特点,那么我们就要进行好的注释; javascript 注释的标准写法

    js写法规范.docx

    在现代的前端开发领域,编写出结构清晰、易于维护和阅读的JavaScript代码是至关重要的。为了实现这一目标,遵循一套完备的JavaScript编程规范是每个前端开发者必须掌握的技能。这些规范不仅帮助团队成员高效协作,还...

    javascript刷新页面方法小结

    对于多框架页面(如弹出框、子窗口等),刷新策略需要考虑父窗口和子窗口的关系,确保刷新正确的目标页面。 ### 总结 JavaScript提供了多种刷新页面的方法,每种方法都有其适用场景和局限性。开发者应根据具体需求...

    浅谈js中子页面父页面方法 变量相互调用

    (1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...

    107个常用Javascript语句参数写法

    `window.open()`用于打开新窗口,`window.close()`用于关闭窗口,`self`引用当前窗口。 ### 20. 状态栏设置 `window.status = "message"`用于设置浏览器状态栏的文本。 ### 21. 弹出消息框:`alert()` `alert(...

    js闭包写法学习demo

    闭包本质上是函数能够记住并访问其词法作用域内变量的能力,即使该函数在其词法作用域外部被调用。在JavaScript中,闭包常常用于数据隐藏、创建私有变量、实现模块化以及优化性能等场景。 闭包的形成主要有三个要素...

    IE、FF的JS兼容写法

    这篇博客文章“IE、FF的JS兼容写法”探讨了如何编写能够同时在IE和FF下运行的兼容性JavaScript代码。 首先,我们需要理解这两个浏览器对于DOM(Document Object Model)操作的处理方式有所不同。例如,IE使用的是`...

    子div含float,父div高度自适应的div+css布局写法

    div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight

    JS 中可以提升幸福度的小技巧(可以识别更多另类写法)

    JS(JavaScript)是广泛用于网页开发的一种编程语言。在日常开发中,掌握一些实用的编程小技巧,不仅能提高开发效率,还可以使代码更加优雅和健壮。接下来,我们将详细介绍一些JS中的小技巧,这些技巧有助于提升编程...

    JS 规范 插件 写法

    "JS规范"指的是编写JavaScript代码时应遵循的规则和最佳实践,而"插件写法"则涉及到如何设计和实现可复用、可扩展的功能模块。 **JS规范** 1. **命名规范**:使用有意义的变量、函数和类名,通常推荐采用驼峰式...

    JavaScript刷新页面的几种方法总结

    该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(...

    javascript 编写跨浏览器的javascript兼容写法

    javascript 编写跨浏览器的javascript兼容写法 js兼容

    易语言API应用例程 API实现刷新桌面

    在使用计算机的过程中,经常会碰到在Windows桌面上残留有程序运行后的留下一些痕迹,这时我们往往在Windows桌面上单击鼠标右键,然后选择刷新,使桌面变得干净、整洁。其实自己编代码来实现这个功能也很简单,调用一...

    javascript 写的 树形结构( 递归方法 )(普通写法跟对象写法)

    2. **对象写法**:这种写法使用JavaScript对象来表示节点,其中节点对象包含一个指向其子节点的对象属性。递归函数会访问这个属性并处理其值。 ```javascript function traverseTree(obj) { console.log(obj.value...

    PB脚本中SQL语句写法与SQL中语句写法对照

    PB脚本中SQL语句写法与SQL中语句写法对照 PB脚本中SQL语句写法与SQL中语句写法对照是非常重要的知识点,因为PB脚本和SQL语言在写法和应用中有所不同。本文将对PB脚本中SQL语句写法和SQL中语句写法进行对比和分析。 ...

    rem.js,原生的rem自适应js写法

    rem.js,原生的rem自适应js写法

Global site tag (gtag.js) - Google Analytics