`

javascript弹出模态窗体

 
阅读更多
function openwindow(url,name,iWidth,iHeight){
   //获得窗口的垂直位置
    var iTop = (window.screen.availHeight-30-iHeight)/2;        
    //获得窗口的水平位置
    var iLeft = (window.screen.availWidth-10-iWidth)/2;           
    window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
}

 

<body>
  <input type="button" onclick="openwindow('http://www.baidu.com','abc',200,300);"/>
 </body>

 

分享到:
评论

相关推荐

    jquery 弹出模态窗体

    在jQuery中实现弹出模态窗体,我们可以使用自定义的JavaScript代码或者依赖于现有的插件。一种常见的方法是利用HTML、CSS和JavaScript来构建模态窗体。首先,我们需要在HTML中创建一个隐藏的模态窗体元素,然后通过...

    JavaScript实现弹出模态窗体并接受传值的方法

    在JavaScript编程中,弹出模态窗体是一种常见的交互方式,它能够暂停用户对主页面的操作,直到用户在弹出的窗口中完成某些任务或作出决定。本文将深入探讨如何利用JavaScript实现弹出模态窗体,并通过URL传递参数。 ...

    SJ模态窗体,WIndow.Open小实例

    "SJ模态窗体,Window.Open小实例"这个主题探讨的是如何使用JavaScript来实现一个模态窗体,特别是利用`window.open()`函数创建一个新的浏览器窗口。 `window.open()`是JavaScript中的一个内置函数,它用于打开一个...

    jquery弹出窗体

    jQuery提供了多种方法来实现弹出窗体功能,这通常被称为“模式窗体”或“模态对话框”。让我们深入了解一下如何使用jQuery创建弹出窗体。 首先,我们需要了解什么是模式窗体。模式窗体是一种特殊的窗口,它在用户与...

    C#漂亮弹出式窗体

    在ASP.NET Web应用中,弹出式窗体通常通过JavaScript、jQuery或Ajax技术实现,因为Web应用的特性决定了窗口不能像桌面应用那样直接弹出。常见的实现方式有: 1. **JavaScript 弹窗**:使用window.alert(), window....

    模态窗体(artDialog4.1.7)

    例如,当用户点击删除按钮时,可以弹出一个artDialog询问用户是否确定,确认后执行删除操作,取消则关闭对话框。 综上所述,artDialog4.1.7是一款高效、灵活的模态对话框组件,其小巧的体积、独立的性质以及强大的...

    一套漂亮的js div alert弹出窗体

    描述中的内容简洁地重复了标题,表明这是一个关于使用JavaScript和div实现的美观弹出窗体的示例或库。 标签同样是对主题的强调,再次确认我们讨论的是一个利用JavaScript和div技术构建的对话框解决方案。 压缩包内...

    jQuery弹出div窗体插件大全

    本资源包“jQuery弹出div窗体插件大全”聚焦于利用jQuery实现弹出div窗口的功能,这些插件可以帮助开发者快速创建交互式、功能丰富的对话框或提示窗口,提升用户体验。 首先,让我们来理解什么是jQuery弹出div窗体...

    js弹出窗体讲解及示例源码

    弹出窗体是JavaScript中常见的一种交互方式,它能够提供额外的信息、确认用户操作或接收用户输入。在网页设计中,弹出窗体的应用无处不在,如警告对话框、提示信息、登录框、模态窗口等。 标题“js弹出窗体讲解及...

    html 模态窗口子窗体调用父窗体的任何函数

    在HTML编程中,模态窗口(Modal Dialog)是一种常见的用户界面设计模式,它可以在主页面上弹出一个不可忽略的窗口,用户必须先处理模态窗口中的内容才能继续与主页面交互。模态窗口通常用于确认操作、输入数据或者...

    jQuery超酷弹出窗体特效,jQuery特效

    首先,jQuery的弹出窗体特效通常涉及到创建一个可浮动的对话框或模态窗口,这些窗口可以用于显示信息、确认用户操作或提供额外的交互界面。这种效果可以通过使用`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等...

    Asp.Net从零开始9(控制弹出新窗体 )

    ### ASP.NET从零开始之控制弹出新窗体 #### 一、概述 本文将针对ASP.NET中的弹出新窗体功能进行详细讲解。对于初学者而言,掌握如何使用ASP.NET来实现弹出窗体的功能是非常重要的。通过本文的学习,您不仅能够了解...

    弹出窗体部分源码 下载后会使大家很失望的

    弹出窗体通常分为两种类型:模态窗口(Modal)和非模态窗口(Non-Modal)。模态窗口强制用户与其互动,完成对话后才能继续操作其他部分的界面,而非模态窗口则允许用户同时与多个窗口交互。 在网页开发中,实现弹出...

    页面弹出窗体且带参数

    当按钮被点击时,`OnClientClick`事件触发一个JavaScript函数`GetCommentCommand`,该函数负责构建并显示弹出窗体。这里,`showModalDialog`函数用于创建模态对话框,确保用户必须在关闭对话框前完成操作。 ```...

    HTML5效果非常全面的模态窗口弹出层插件.zip

    JS特效就是网页中实现的特殊效果或者特殊的功能的一种技术,是用网页脚本(javascript)来编写制作动态特殊效果,比如图片切换,渐变等等,它为网页活跃了网页的气氛,有时候会起到一定的亲切力。务(控制台应用程序、...

    juqery Ui弹出窗体

    jQuery UI 是一个基于 jQuery JavaScript 库的开源框架,它提供了丰富的用户界面组件,如对话框(弹出窗体)、拖放功能、日期选择器、进度条等,用于创建交互式和美观的网页应用。在本篇文章中,我们将深入探讨 ...

    javascript弹出拖动窗口

    需要注意的是,随着Web技术的发展,现代网页中对于弹出窗口的使用已经被各种模态框(Modal)所取代,它们更加轻量并且易于维护。不过,了解传统弹出窗口的实现对于学习和理解JavaScript事件处理和页面操作仍具有一定的...

    模态窗口传值www.bbssa.com

    例如,假设我们有一个按钮,点击后弹出模态窗口,并显示传递的文本: ```javascript let modalText = '这是传递的数据'; document.getElementById('openBtn').addEventListener('click', function() { document....

    Jquery弹出可拖动Div模态层源码20121130

    2. **商品详情查看**:在电商网站上,用户点击商品图片,弹出模态层显示商品的详细信息,用户无需离开当前页面即可了解详情。 3. **表单验证**:在提交表单前,模态层可以显示验证提示,帮助用户及时修正错误,提高...

Global site tag (gtag.js) - Google Analytics