`

怎么让window.open和内容居中

阅读更多
方法一:
   在你的网页中需要显示开始的地方加入<a name='abc'>,然后在window.open的url中后面加入#abc,如:index.html#abc,然后打开就自动到你指定的位置了。

方法二:
    <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+',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
}
</script>
分享到:
评论

相关推荐

    ShowModalDialog与window.open的区别

    JavaScript 提供了两种常用的方法来创建这类窗口:`ShowModalDialog` 和 `window.open`。这两种方法各有特点,在不同的场景下具有不同的适用性。 #### 二、ShowModalDialog详解 **1. 功能介绍** `ShowModalDialog...

    window.open()弹出居中的窗口

    ### window.open()弹出...通过以上内容的学习,我们可以更加深入地理解如何使用`window.open()`来创建一个居中的弹出窗口,并且了解到在实际应用中需要注意的问题。这对于提高网站的用户体验和功能性都是非常有帮助的。

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

    在网页开发中,有时我们需要创建一个新的浏览器窗口来展示特定的内容,`window.open` 是JavaScript中的一个函数,用于打开一个新的浏览器窗口或标签。本篇将详细解释如何使用`window.open`来实现新窗口的居中显示。 ...

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

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

    layer.open的自适应及居中及子页面标题的修改方法

    接下来,我们讨论如何让layer.open的弹窗居中显示。在设计用户界面时,居中的弹窗能提供更好的视觉体验。下面的代码演示了如何实现这一功能: ```javascript var index1 = layer.load(2, { shade: false });// 过渡...

    react-new-window:using使用`window.open`在React中弹出新窗口

    支持完整的window.open api 。 为React 16构建(使用ReactDOM.createPortal )。 阻止弹出窗口的处理程序(通过onBlock prop)。 根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 ...

    js的window.showModalDialog及window.open用法实例分析

    JavaScript中的`window.showModalDialog`和`window.open`都是用于打开新窗口的方法,但它们有着不同的特性和用途。 首先,`window.open`方法是JavaScript中最常见的打开新窗口的方式,它适用于所有的主流浏览器,如...

    Javascript中封装window.open解决不兼容问题

    在JavaScript中,`window.open` 是一个非常常用的函数,它用于在新的浏览器窗口中打开一个指定的URL。然而,这个函数在不同的浏览器和安全环境中可能会出现兼容性问题,特别是当它在非用户交互的情况下(例如页面...

    window.showModalDialog(javascript)

    在其他浏览器中,如Firefox、Chrome和Safari,可能需要使用其他方法,如`window.open()`,配合CSS和JavaScript来实现类似的效果。 - 模态对话框可能会对用户体验造成影响,因为它会阻塞用户的交互,因此在现代Web...

    js open() 与showModalDialog()方法使用介绍

    在给定的部分内容示例中,showWin 函数展示了如何使用 window.open() 方法。该函数接受四个参数:w(宽)、h(高)、url(地址)和 tag(标记),并根据屏幕尺寸计算新窗口显示的位置,以确保窗口居中显示。此外,还...

    js打开新窗口,js打开居中窗口,js打开自定义窗口

    总结来说,JavaScript中的`window.open()`方法为我们提供了灵活的方式来创建和控制新窗口。通过指定URL、窗口名称和特性,我们可以实现新窗口的居中显示和自定义外观,但也要注意遵循最佳实践,尊重用户的浏览体验。

    浅谈JavaScript窗体Window.ShowModalDialog使用

    总的来说,`window.showModalDialog()`和`window.showModelessDialog()`是JavaScript中较老的弹出对话框技术,它们提供了对对话框外观和行为的控制,但在现代Web开发中,由于浏览器兼容性和可访问性问题,已被其他...

    javascript IE窗口居中

    3. 计算偏移量:为了让窗口居中,我们需要计算出窗口的水平和垂直偏移量,即窗口宽度的一半减去屏幕宽度的一半,以及窗口高度的一半减去屏幕高度的一半。 4. 设置窗口位置:最后,使用`window.open()`函数打开新窗口...

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

    压缩包内的“打开窗口居中.htm”文件很可能包含了具体的HTML和JavaScript代码示例,用于实现这个特效。通常,HTML会有一个按钮或链接触发JavaScript函数,而JavaScript函数则执行上述的`window.open()`操作。 除了...

    JS中表单的使用小结

    接下来,文章阐述了JavaScript中如何弹出窗口,这里有两种常见的方法:window.open()和window.showModalDialog()。window.open()方法可以打开一个具有指定宽度、高度、位置、是否可调整大小等属性的窗口。示例代码...

Global site tag (gtag.js) - Google Analytics