`

js弹出页面

阅读更多

js弹出页面:

function openAddUser(thisurl){
    	var url = thisurl;
	    var hWnd = window.open(url,"添加用户","width=760,height=450,resizable=no,scrollbars=yes") ;
	    hWnd.moveTo((screen.availWidth-760)/2,(screen.availHeight-450)/2) ;
    }

 以上是父窗口,若要在弹出的窗口(子窗口)调用父窗口的js方法时:

window.opener.searchOnClick();

 

searchOnClick()即为父窗口的方法.

 

值得注意的是调用父窗口方法时一定要在关闭子窗口前,否则将不会调用父窗口的方法.

window.opener.searchOnClick();
 closeWindow();

function closeWindow(){
  window.opener=null;
  window.open("","_self");
  window.close(); 
 }

 

 

//添加用户
	function openAddTVStation(thisurl){   
        var url = thisurl;   
        // screen.availWidth 获得屏幕宽度
		// screen.availHeight 获得屏幕高度
		// 居中的算法是:
		// 左右居中: (屏幕宽度-窗口宽度)/2
		// 上下居中: (屏幕高度-窗口高度)/2
		var awidth=860;   //窗口宽度,需要设置
		var aheight=450;   //窗口高度,需要设置 
		var atop=(screen.availHeight - aheight)/2; //窗口顶部位置,一般不需要改
		var aleft=(screen.availWidth - awidth)/2; //窗口放中央,一般不需要改
		var param0="scrollbars=0,status=0,menubar=0,resizable=2,location=0"; //新窗口的参数
		//新窗口的左部位置,顶部位置,宽度,高度 
		var params="top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0 ;
        var hWnd = window.open(url,"添加用户",params) ;
    } 
点击按钮 弹出页面类似<a target="_blank">弹出</a>:

window.open("/action.do?method=method&id=${id}","_blank");

 

 

 

弹出页面最大化:
window.open(url,"","width="+(screen.availWidth-8)+",height="+(screen.availHeight-34)+",top=0,left=0");

 

分享到:
评论

相关推荐

    js 弹出页面+弹出窗口

    在JavaScript(JS)中,弹出页面和弹出窗口是两种常见的用户交互方式,它们能够提供额外的信息或者增强用户体验。本文将深入探讨如何利用JS实现这两种功能。 首先,"弹出页面"通常指的是在一个新浏览器窗口中打开一...

    JS弹出页面大全.txt

    ### JavaScript弹出页面详解 在Web开发中,JavaScript是一种广泛使用的客户端脚本语言,它能够实现网页的动态交互效果。其中,“弹出页面”是一种常见的功能需求,用于展示额外的信息或进行特定的操作,如登录、...

    js弹出页面窗口和关闭.

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

    登录弹出框JS网页特效

    总的来说,理解和掌握登录弹出框JS网页特效,不仅可以提升网页交互性,还能加深对JavaScript及其与HTML/CSS协作机制的理解。通过实践和研究这个资源,你将能够创建更富吸引力和用户体验友好的网页登录功能。

    JS弹出层同事弹出新页面

    在JavaScript(JS)中,实现弹出层同时打开新页面的功能通常涉及到DOM操作、事件处理以及浏览器窗口的管理。下面将详细讲解这个知识点。 首先,理解"弹出层"(通常指的是模态对话框或者浮动窗口)在网页中的实现...

    js弹出窗口、弹出层

    总结,"js弹出窗口、弹出层"是网页交互中的重要元素,涉及到了JavaScript的DOM操作、事件处理、样式控制等多个方面。理解并掌握如何创建和使用弹出层,对于提升网页的用户体验具有重要意义。"FineMessBox"可能提供了...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    JavaScript弹出式日历

    JavaScript弹出式日历是一种常见的前端交互功能,它允许用户在网页上方便地选择日期,而无需离开当前页面。这种日历通常以对话框或浮动窗口的形式出现,点击后会在输入框旁边显示一个包含日期的选择界面。用户选择...

    js弹出层并获取弹出层文本内容

    在JavaScript中,弹出层通常指的是通过编程方式在网页上动态创建或显示一个浮动的div元素,用于展示信息、提示用户或收集用户输入。这种技术广泛应用于网页交互设计,尤其在不需要新窗口或完全刷新页面的情况下。在...

    自定义js弹出窗口(弹出层)

    在网页开发中,自定义js弹出窗口,也被称为弹出层或对话框,是一种常见的交互设计技术。这种技术允许开发者在用户与页面交互时显示额外的信息或功能,而不会中断主页面的工作流程。在本教程中,我们将深入探讨如何...

    9种js弹出动态窗口的 php代码

    - `$.fn.alert()`, `$.fn.confirm()`, `$.fn.prompt()`:这些是jQuery模拟原生JavaScript弹出对话框的方式,增强了样式和交互性。 4. **动态加载内容**:使用Ajax技术,可以在不刷新整个页面的情况下,动态地向弹...

    JavaScript弹出信息的四种方法 js弹出信息 弹出信息

    ### JavaScript弹出信息的四种方法 在Web开发中,JavaScript是一种非常重要的客户端脚本语言,它可以帮助开发者实现页面上的交互效果。其中,弹出信息是常见的功能之一,它能够帮助用户更好地了解当前的操作状态...

    JS弹出层,js弹出DIV效果源码下载

    在JS弹出层和弹出DIV效果中,"showMesBox"可能是这个效果的ID或者类名,用于在页面上定位并控制这个弹出元素。"showMesBox"通常会包含一个div元素,通过CSS来定义其样式,如位置、大小、背景色、边框等,使其能够在...

    JS弹出层源代码

    3. **JavaScript逻辑**:JS主要用于控制弹出层的显示和隐藏。这可以通过改变元素的CSS属性(如display或visibility)来实现。同时,还可以添加事件监听器,如点击按钮触发弹出层,或者点击弹出层外的区域关闭弹出层...

    JavaScript弹出层

    JavaScript弹出层是网页开发中常见的一种交互设计,它用于在用户与页面交互时提供额外信息、确认操作或展示复杂内容。Js弹出层库则是专门为此目的设计的JavaScript库,简化了弹出层的创建和管理过程。在这个场景中,...

    JS控制弹出页面窗口控件(openWin)

    采用两种弹出窗口实现方式: ...弹出窗口关闭的JS方法:window.close(); 示例请参照:demo.html 窗口内分页方法请参照:demoInPage.jsp (注:项目中使用时需要修改JS文件中,iFrame.jsp页面的路径)

    js弹出一个超酷的小窗口

    标题“JS弹出一个超酷的小窗口”明确指出本篇将探讨如何利用JavaScript(简称JS)来创建一个具有视觉吸引力的弹出窗口。在现代网页设计中,弹出窗口常用于展示额外信息、广告或用户交互提示等场景,而使用JS可以使...

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

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

    JS弹出窗口JS弹出窗口JS弹出窗口JS弹出窗口

    在网页开发中,JS常用于创建各种弹出窗口,以实现如提示信息、用户输入对话框或者自定义内容窗口等功能。本篇文章将详细探讨JS弹出窗口的实现方式和相关知识点。 首先,JS中最常见的弹出窗口是`alert()`函数。它会...

    div弹出框js弹出框

    1. **原生JavaScript弹出框**:JavaScript提供了三种内置的弹出框:`alert()`、`prompt()`和`confirm()`。这些方法会阻塞页面的执行,直到用户与其交互完毕。 - `alert()`:显示警告消息,用户只能点击"确定"关闭...

Global site tag (gtag.js) - Google Analytics