`

js一点打开弹框页面和点关闭关闭整个页面

阅读更多

输入代码弹出页面:monthFeeDetails.jsp

 

<a href="javascript:editData();" class="mR10">查看消费明细</a>

 

function editData(){
				window.open ('monthFeeDetails.jsp,
'findDetailed','height=500,width=700,top=150,left=200,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
			}

 

 

弹出来后关闭这个页面,就是在这个页面输入行代码:

 

	<a href="#"   onclick="window.close()" class="z-btn-gray" id="doQuery"><span>关闭</span> </a>
分享到:
评论

相关推荐

    js弹出页面窗口和关闭.

    在前端开发中,使用JavaScript(简称JS)进行页面窗口的弹出和关闭是一项常见需求。这不仅涉及到用户体验的优化,还关乎到功能实现的细节处理。本文将从给定的代码示例出发,深入探讨JS如何弹出页面窗口以及不同情况...

    弹框后禁止遮罩层后面页面滚动(兼容ios和android).zip

    1. 监听弹框的打开事件:在弹框显示之前,通过JavaScript获取页面的滚动元素(通常是body),并将其scroll和touchmove事件禁用,同时记录下当前的滚动位置。 2. 修改CSS样式:将body或主要内容区域的`overflow`属性...

    弹框并执行事件 弹框并执行事件

    通过对“弹框并执行事件”这一主题的深入解析,我们不仅了解了ASP.NET中`ClientScript`对象及其`RegisterStartupScript`方法的基本用法,还学习了如何使用JavaScript中的`alert`函数来显示提示信息以及如何通过`...

    页面弹框

    5. 非模态对话框:非模态对话框不会阻塞用户界面,用户可以在弹框打开的同时继续操作页面。这种类型的弹框常用于提供额外信息或辅助功能,如侧边栏、下拉菜单等。非模态对话框通常通过JavaScript和CSS自定义实现,...

    jQuery实现网页打开页面即弹窗

    **jQuery实现网页打开页面即弹窗** 在网页设计中,弹窗是一种常见的交互方式,用于显示重要的信息或者引导用户操作。jQuery,一个广泛使用的JavaScript库,提供了简洁的API来简化DOM操作,使得创建动态和交互性的...

    js弹出一个新页面并获得弹出页面的值

    根据提供的文件信息,本文将详细解释如何使用JavaScript在父页面中弹出一个新的窗口,并从这个新弹出的窗口中获取数据。此技术常用于需要在当前页面与另一个页面之间进行数据交互的应用场景。 ### 一、理解弹窗原理...

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在IT行业中,前端开发经常会遇到页面间的交互问题,如数据传递和函数调用。EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,其中包括用于创建弹出窗口(window)的功能。在EasyUI中,我们可能会遇到需要在弹出...

    网页弹框框架jsp+js+css

    在本项目中,我们看到的"网页弹框框架jsp+js+css"是一个使用JSP、JavaScript和CSS技术构建的弹窗解决方案。这个框架允许开发者通过简单的操作在网页上实现点击按钮后弹出新窗口的效果。 首先,JSP(JavaServer ...

    javascript实现无法关闭的弹框

    本文介绍了一种通过JavaScript实现的无法关闭弹框的编程方法。在网页设计中,弹框经常被用来引导用户进行特定的操作,比如注册、登录或展示广告。然而,在某些情况下,开发者可能希望弹框无法被关闭,即使用户尝试...

    jquery弹框

    // 打开和关闭弹框的逻辑 // ... }); ``` 在这个例子中,我们创建了一个ID为`mask`的遮罩层和一个ID为`dialog`的弹框,然后使用`transform`属性的`translate`功能实现弹框的居中。在窗口滚动或大小改变时,我们...

    SMDropDownList下拉弹框适用于移动端

    综上所述,SMDropDownList是一个基于JavaScript的移动端下拉弹框组件,涉及的技术和知识点广泛,包括JavaScript基础、移动端适配、UI设计、事件处理、数据管理、模块化开发以及测试调试等。通过学习和使用这个组件,...

    高德地图-自定义点击弹框(气泡)

    在使用高德地图进行开发时,自定义点击弹框(气泡)是一个常见的需求,它能够为用户提供丰富的信息展示和交互体验。本文将详细介绍如何在高德地图API中实现这一功能,以及结合提供的GDMapPopup文件,我们可以进一步...

    基于layer.js实现收货地址弹框选择然后返回相应的地址信息

    - 需要考虑用户在弹框内进行的交互是否需要反馈给父页面,并且要处理好弹框打开和关闭的时机,以避免出现操作流程混乱和用户体验不佳的情况。 以上是基于layer.js实现收货地址弹框选择功能的详细知识点说明。这些...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    然而,在某些情况下,我们可能希望在关闭弹出窗口后,不刷新父窗口(即打开弹出窗口的页面),以保持当前页面状态不变。本文将详细介绍如何实现这一需求。 #### 二、问题描述 根据题目中的描述,开发者在`index....

    weebox弹框

    这种弹框技术通常基于JavaScript和CSS,可以方便地与各种前端框架集成,例如jQuery、Vue.js或React。 在Weebox弹框中,我们可以设置以下几个关键属性来控制弹框的行为和外观: 1. **内容(Content)**:这是弹框中...

    弹出框选择 返回父页面值

    总之,“弹出框选择 返回父页面值”是一个涉及前端页面交互、数据传递和用户界面设计的关键技术点。正确地实施这一功能,能够提升用户体验,使应用程序更加直观和易用。在实际编码过程中,需要注意代码的健壮性和...

    使用原生JS,CSS生成H5弹框

    打开弹框 &lt;!-- 弹框元素 --&gt; 弹框标题 这里是弹框的内容,可以是文字、图片、表单等。 关闭 document.getElementById('open-modal').addEventListener('click', function() { document....

    JS父页面与子页面相互传值方法

    JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,尤其在处理页面交互和数据传递方面发挥着重要作用。在多页面应用或者嵌入式框架(如iframe)中,经常需要进行父页面与子页面之间的数据交换。下面将详细...

    微信小程序弹出层,右上角关闭按钮

    4. **交互逻辑**:为了让弹出层不响应上拉和下拉操作,可以在页面的生命周期函数`onReachBottom`和`onPullDownRefresh`中进行处理,避免触发滚动事件。此外,可以通过CSS设置`touch-action: none`来防止触摸事件。 ...

Global site tag (gtag.js) - Google Analytics