模态窗口自适应

news/2024/7/3 7:15:16 标签: ie, windows, scroll, internet, null
iews" class="htmledit_views"> 
1、模态窗口自适应:

在Internet Explorer中定义window.open 和 window.showModalDialog以

打开一个网页对话框的时候,

在不同版本的Windows和不同版本的IE中,窗口的大小和样式都是不同的。

在IE7中更是有了很大的不同,状态栏,主要内容被默认保留(下详),

还加了一个只读状态的地址栏.

窗口的最小尺寸被限定在了250*150：


ie6_to_ie7.png" border="0" alt="" />




如上图所示：在ie7中，定义的高度仅仅是窗体内容高度，

状态栏及地址栏的高度都不算在内的；

而ie6则包含了状态栏及地址栏的高度。所以，我们需要依据不同的操作系统及ie版本，

高度自适应的js代码如下：

/*

*

* 模态窗口高度调整.

* 根据操作系统及ie不同版本,重新设置窗口高度,避免滚动条出现.

*/

function resetDialogHeight(){

  if(window.dialogArguments==null){

    //忽略非模态窗口

    return;

  }

  var ua=navigator.userAgent;

  var height = document.body.offsetHeight;

  if(ua.lastIndexOf("MSIE 6.0")!=-1){

    if(ua.lastIndexOf("Windows NT 5.1")!=-1){

      //alert("xp.ie6.0");

      var height=document.body.offsetHeight;

      window.dialogHeight=(height+102)+"px";

    } else if(ua.lastIndexOf("Windows NT 5.0")!=-1){

      //alert("w2k.ie6.0");

      var height=document.body.offsetHeight;

      window.dialogHeight=(height+49)+"px";

    }

  }

}

模态窗口页面加上如下代码：

//窗口加载后，判断系统及其ie版本调整高度

window.οnlοad=resetDialogHeight;

2、ie7中模态窗口提交时新开窗口问题:

IE 7.0对模态窗口<base target='_self'>属性的放置位置更加严格。

<base>标签必须放置在<head>标签对中，否则提交表单时总是会新开窗口。

  示例如下 ：

<html>

<head>

<title>标题</title>

<base target="_self"/>

.. .. ..

</head>

<body οnlοad="pageClose();" scroll="no">

.. .. ..

</body>

http://www.niftyadmin.cn/n/587466.html

相关文章

java String.split()函数的用法分析

java String.split()函数的用法分析

homjava String.split()函数的用法分在java.lang包中有String.split()方法的原型是&#xff1a; public String[] split(String regex, int limit) split函数是用于使用特定的切割符&#xff08;regex&#xff09;来分隔字符串成一个字符串数组&#xff0c;函数返回是一个数组。…
阅读更多...
ElasticSearch重点问题

ElasticSearch重点问题

文章目录elasticsearch脑裂问题elastic search面试题elastic search内存配置tcp\ip重点elasticsearch脑裂问题 https://blog.csdn.net/DILIGENT203/article/details/85539440 elastic search面试题 https://zhuanlan.zhihu.com/p/102500311 elastic search内存配置 https:…
阅读更多...
Ubuntu下eclipse创建maven工程JSE环境是j2se-1.5不能使用Dynamic Web Module3.0版本解决

Ubuntu下eclipse创建maven工程JSE环境是j2se-1.5不能使用Dynamic Web Module3.0版本解决

1.问题 Ubuntu下创建了maven工程后&#xff0c;JSE环境变为j2se-1.5&#xff0c;导致不能使用Dynamic Web Module 3.0 版本 2.解决方法 步骤一&#xff1a;更换JSE &#xff0c;在项目上点击右键&#xff0c;选择properties&#xff0c;进入如下页面&#xff0c;选择Jav…
阅读更多...
拒绝了对对象 'sp_sdidebug'（数据库 'master'，所有者 'dbo'）的 EXECUTE 权限。

拒绝了对对象 'sp_sdidebug'（数据库 'master'，所有者 'dbo'）的 EXECUTE 权限。

在用VS2008开发网站时&#xff0c;调试代码时&#xff08;选择了附加到进程的方法进行调试&#xff09;&#xff0c;在执行一个SQL查询时报以下错误&#xff1a; “/VM”应用程序中的服务器错误。 拒绝了对对象 sp_sdidebug&#xff08;数据库 master&#xff0c;所有者 dbo&…
阅读更多...
什么是搜索【召回】

什么是搜索【召回】

一个完整的搜索引擎往往包含了比较多的复杂模块&#xff0c;每个模块相互作用、兜底组成了我们使用的搜索引擎。抽象起来&#xff0c;召回和相关性是搜索系统里最重要的两个功能。本文首先介绍一下召回问题。 召回是对于输入query&#xff0c;能够高效的获取query相关的候选do…
阅读更多...
java关于获取当前时间及其昨天时间的用法

java关于获取当前时间及其昨天时间的用法

一. 获取当前系统时间和日期并格式化输出: import java.util.Date; import java.text.SimpleDateFormat; public class NowString { public static void main(String[] args) { SimpleDateFormat df new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式 S…
阅读更多...
Unity中关于 Mipmap

Unity中关于 Mipmap

Unity中关于 Mipmap_游戏开发实验室-CSDN博客_mipmap
阅读更多...
在Ubuntu下eclipse的maven工程下创建jsp页面报错

在Ubuntu下eclipse的maven工程下创建jsp页面报错

1.原因 Javaweb工程类中没有添加Tomcat运行时相关类导致&#xff08;Javaweb工程类中没有添加Web 容器Runtime相关类导致&#xff09;。 2 .解决 ① 不进行tomcat的加载&#xff0c;可以在pom.xml中加入jar的依赖: <dependencies> <dependency> …
阅读更多...
最新文章

Copyright @ 2022~2023