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

window.open居中弹出例子

    博客分类:
  • JS
 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>web开发=webkfa教程</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript">
  <!--
    function openwindow(url,name,iWidth,iHeight){
      var url;                                 //转向网页的地址;
      var name;                           //网页名称,可为空;
      var iWidth;                          //弹出窗口的宽度;
      var 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+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
     }
  //-->
  </script>
 </head>

 <body>
  <input type="button" value="进入webkfa主页" onclick="openwindow('http://www.webkfa.com','web开发',800,600)"/>
 </body>
</html>

分享到:
评论

相关推荐

    window.open()详解及浏览器兼容性问题示例探讨

    `window.open()`是JavaScript中的一个内置函数,用于在新的浏览器窗口、标签页或者替换当前窗口加载指定的URL。本文将详细解析`window.open()`的使用方法,并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `...

    window.open打开页面居中显示的示例代码

    在本例中,我们将深入探讨如何使用 `window.open()` 实现页面居中显示的功能。 首先,让我们来分析给出的 `1.js` 代码: ```javascript function openwindow(url, name, iWidth, iHeight) { // url 转向网页的...

    window.showModalDialog(javascript)

    - 模态对话框可能会对用户体验造成影响,因为它会阻塞用户的交互,因此在现代Web开发中,更倾向于使用非模态对话框或者自定义的弹出层来实现类似的交互效果。 总之,`window.showModalDialog()`是JavaScript中创建...

    ajax实现弹出窗口代码大全

    以下是一些使用`window.open()`方法实现的不同类型弹出窗口的例子: 1. **全屏弹出窗口** ```html &lt;body onload="window.open('http://www.kunde58.com','example01','fullscreen');"&gt; ``` 这段代码将在页面...

    JS实现简单加载弹出小网页后5秒消失

    为了让弹出的小网页在5秒后自动关闭,使用了`window.setTimeout()`函数。具体代码如下: ```html window.setTimeout("window.close()", 5000); ``` 1. **语法解析**: - `window.setTimeout(callback, delay[,...

    javascript之弹出窗口居中的代码

    下面给两个弹出屏幕居中窗口的例子 代码如下:window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=...

    javascript经典特效---打开窗口居中.rar

    在这个例子中,`#popupContent`是弹出窗口主要内容的ID,通过绝对定位和自动的外边距,内容会自动居中。 总的来说,“javascript经典特效---打开窗口居中”这个主题涵盖了JavaScript的窗口操作、动态效果的实现,...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    Opera同样不支持此方法,可能导致没有对话框弹出或任何反应。 由于这种不一致性,开发人员通常需要寻找替代方案,例如使用CSS和JavaScript模拟模态对话框,以确保跨浏览器的兼容性和一致的用户体验。例如,可以使用...

    网页弹出窗口代码汇总

    本文档汇总了几种常用的网页弹出窗口的实现方法,包括通过`window.open`方法创建新窗口、使用`showModalDialog`和`showModelessDialog`方法创建模态和非模态对话框,以及通过HTA技术创建富客户端应用。 #### 一、...

    模态窗口demo及说明

    模态窗口(Modal Window)是一种弹出式窗口,当其出现时会阻止用户与背后的应用程序进行互动,直到该窗口被关闭为止。这使得用户的注意力能够完全集中在模态窗口上,从而提高用户体验。 #### 三、模态窗口的实现...

    JavaScript实现自动弹出窗口并自动关闭窗口的方法

    在弹出的窗口中,我们使用`flyingwin.document.open()`清空窗口,然后通过`flyingwin.document.write()`写入HTML代码,创建了一个简单的页面,包含一个居中的提示信息。 3. `document.close()`: 该方法用于结束当前...

    控制新开窗口的属性(HTML经典用例)

    在网页开发中,这种技术常常被用来创建弹出窗口或者定制化的浏览环境。比如,你可能希望创建一个无边框、不可调整大小的窗口,仅显示主要内容,或者你可能需要一个具有特定大小和位置的窗口来展示特定的信息。通过...

    百度登录弹窗tab菜单特效

    在这个例子中,开发者可能使用了后者,通过CSS定位让登录窗口在页面上居中,同时设置透明度和边界效果以增强视觉体验。 接下来,我们关注“tab标签”。Tab切换是一种常见的用户界面元素,它允许用户在多个视图之间...

    js使用小技巧

    无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 ...

    精通JavaScript

    • 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章(\第11章) • 11.1.htm 省略window的alert()方法 • 11.2.htm 未...

    精通javascript

    • 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章(\第11章) • 11.1.htm 省略window的alert&#40;&#41;方法 • 11.2....

    北大青鸟初学HTML基础代码

    - **示例**:`&lt;a href="#" onclick="javascript:window.open('popup.html','newWindow','toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300')"&gt;弹出新窗口&lt;/a&gt;` - **解析**:通过`window....

    jquery_easyui_cn 中文例子 和详解

    - 实例:Dialog 是一个浮动窗口,常用于弹出式操作,如提示、确认、编辑等。 - 参数:`title`(对话框标题),`width`/`height`(尺寸),`modal`(是否模态)等。 - 事件:`onOpen`(对话框打开时触发),`...

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    2.运行Qt Creator,首先弹出的是欢迎界面,这里可以打开其自带的各种演示 程序。 3.我们用File-&gt;New 菜单来新建工程。 4.这里我们选择Qt4 Gui Application。 5.下面输入工程名和要保存到的文件夹路径。我们这里的...

Global site tag (gtag.js) - Google Analytics