`
jyangzi5
  • 浏览: 215777 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

模式窗口小记

    博客分类:
  • JS
阅读更多
一.模式框的基本用法
1.用showModalDialog()
<html >
<SCRIPT   LANGUAGE= "javascript " >
<!--
showModalDialog( &apos;http://www.fwcn.com &apos;, &apos;example04 &apos;, &apos;dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes &apos;)
//-- >
</SCRIPT >
<b >www.fwcn.com </b >
</body >
</html >
2.用showModelessDialog()
<html >
<SCRIPT   LANGUAGE= "javascript " >
<!--
showModelessDialog( &apos;http://www.fwcn.com &apos;, &apos;example05 &apos;, &apos;dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes &apos;)
//-- >
</SCRIPT >
<b >www.fwcn.com </b >
</body >
</html >
至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(简称模式窗口),置在父窗口上,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showModelessDialog()(简称无模式窗口),打开后不必关闭也可访问父窗口打开的窗口。

现在我将这里的一些参数说明一下。
dialogHeight:   iHeight   设置对话框窗口的高度。
dialogWidth:   iWidth   设置对话框窗口的宽度。     
dialogLeft:   iXPos   设置对话框窗口相对于桌面左上角的left位置。
dialogTop:   iYPos   设置对话框窗口相对于桌面左上角的top位置。
center:   {yes   ¦   no   ¦   1   ¦   0   }   指定是否将对话框在桌面上居中,默认值是“yes”。
help:   {yes   ¦   no   ¦   1   ¦   0   }   指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。     
resizable:   {yes   ¦   no   ¦   1   ¦   0   }   指定是否对话框窗口大小可变。默认值是“no”。
status:   {yes   ¦   no   ¦   1   ¦   0   }   指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是   “no”。



showModalDialog和showModelessDialog使用心得


一、showModalDialog和showModelessDialog有什么不同?
  showModalDialog:被打开后就会始终保持输入焦点。除非对话框被关闭,否则用户无法切换到主窗口。类似alert的运行效果。
  showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)

二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口?
  在被打开的网页里加上 <base   target= "_self " >就可以了。这句话一般是放在 <html >和 <body >之间的。

三、怎样才刷新showModalDialog和showModelessDialog里的内容?
  在showModalDialog和showModelessDialog里是不能按F5刷新的,又不能弹出菜单。这个只能依靠javascript了,以下是相关代码:

<body   onkeydown= "if   (event.keyCode==116){reload.click()} " >
<a   id= "reload "   href= "filename.htm "   style= "display:none " >reload... </a >

  将filename.htm替换成网页的名字然后将它放到你打开的网页里,按F5就可以刷新了,注意,这个要配合 <base   target= "_self " >使用,不然你按下F5会弹出新窗口的。

四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
   <input   type= "button "   value= "关闭 "   onclick= "window.close() " >
  也要配合 <base   target= "_self " >,不然会打开一个新的IE窗口,然后再关掉的。

五、showModalDialog和showModelessDialog数据传递技巧。
  (作者语:本来想用一问一答形式来写的,但是我想不出这个怎么问,所以只好这样了。)
  这个东西比较麻烦,我改了好几次了不是没办法说明白(语文水平越来越差了),只好用个例子说明了。
  例子:
    现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var_name

      一般的传递方式:
        window.showModalDialog( "filename.htm ",var_name)
        //传递var_name变量
      在showModalDialog(或showModelessDialog)读取和设置时:
        alert(window.dialogArguments)//读取var_name变量
        window.dialogArguments= "oyiboy "//设置var_name变量
    这种方式是可以满足的,但是当你想在操作var_name同时再操作第二个变理var_id时呢?就无法再进行操作了。这就是这种传递方式的局限性。
    
      以下是我建议使用的传递方式:
        window.showModalDialog( "filename.htm ",window)
        //不管要操作什么变量,只直传递主窗口的window对象
      在showModalDialog(或showModelessDialog)读取和设置时:
        alert(window.dialogArguments.var_name)//读取var_name变量
        window.dialogArguments.var_name= "oyiboy "//设置var_name变量

        同时我也可以操作var_id变量
        alert(window.dialogArguments.var_id)//读取var_id变量
        window.dialogArguments.var_id= "001 "//设置var_id变量

        同样还可以对主窗口的任何对象进行操作,如form对象里的元素。
        window.dialogArguments.form1.index1.value= "这是在设置index1元素的值 "

六、多个showModelessDialog的相互操作。
  因为光说很费劲,我就偷点懒,直接用代码来说了,如果不明白的话那就直接来信(oyiboy#163.net(使用时请将#改成@))问我吧。

  以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位置。

  主文件的部份js代码。
  var   s1=showModelessDialog( &apos; &apos;控制.htm &apos; &apos;,window, "dialogTop:1px;dialogLeft:1px ")   //打开控制窗口
  var   s2=showModelessDialog( &apos; &apos;about:blank &apos; &apos;,window, "dialogTop:200px;dialogLeft:300px ")  //打开被控制窗口

  控制.htm的部份代码。
   <script >
    //操作位置数据,因为窗口的位置数据是 "xxxpx "方式的,所以需要这样的一个特殊操作函数。
  function   countNumber(A_strNumber,A_strWhatdo)
  {
    A_strNumber=A_strNumber.replace( &apos; &apos;px &apos; &apos;, &apos; &apos; &apos; &apos;)
    A_strNumber-=0
    switch(A_strWhatdo)
    {
    case   "- ":A_strNumber-=10;break;
    case   "+ ":A_strNumber+=10;break;
    }
    return   A_strNumber   +   "px "
  }
   </script >
   <input   type= "button "   onclick= "window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop, &apos; &apos;- &apos; &apos;) "   value= "上移 " >
   <input   type= "button "   onclick= "window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft, &apos; &apos;- &apos; &apos;) "   value= "左移 " >
   <input   type= "button "   onclick= "window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft, &apos; &apos;+ &apos; &apos;) "   value= "右移 " >
   <input   type= "button "   onclick= "window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop, &apos; &apos;+ &apos; &apos;) "   value= "下移 " >

  以上关键部份是:
    窗口命名方式:var   s1=showModelessDialog( &apos; &apos;控制.htm &apos; &apos;,window, "dialogTop:1px;dialogLeft:1px ")
    变量访问方式:window.dialogArguments.s2.dialogTop

  这个例子只是现实showModelessDialog与showModelessDialog之间的位置操作功能,通过这个原理,在showModelessDialog之间相互控制各自的显示页面,传递变量和数据等。这要看各位的发挥了。

二.去除缓存的方法

jsp页面,修改了模态框打开的页面样式,重新打开,页面没有任何变化,这是因为模态框存在缓存,解决方法如下:
   1.给模态框的url传个随机参数,参数名称任意,参数值随机值,打开的页面不必接收该参数
     例如  t为随机参数
       window.showModalDialog("<%=rootPath%>/ags/CareQualityReason.jsp?t="+new Date() ,"","dialogHeight:235px;dialogWidth:440px;center:yes;help:no;status:no");
分享到:
评论

相关推荐

    python进行爬虫小记

    无头模式可以通过设置`ChromeOptions`实现,这样可以在后台运行而无需显示浏览器窗口。Selenium提供了多种定位网页元素的方法,如`find_element_by_xpath()`和`find_element_by_css_selector()`,以及获取元素属性和...

    Python GUI Win10 便贴

    "Python GUI Win10 便贴"项目就是利用Tkinter来模仿Windows 10操作系统中的便签功能,提供了类似的功能,让用户可以在桌面上创建、编辑和管理文本小记。 Tkinter库提供了丰富的控件和布局管理器,使得开发者可以...

    cmd-bat-批处理-脚本-Progress bar 1.zip

    cmd-bat-批处理-脚本-Progress bar 1.zip

    小红书2024年度Java编程开发面试题及参考答案-超详细解析

    该资源是小红书 2024 年度Java 编程开发面试题,内容非常详细,适合应届毕业生和准备寻求更高发展的Java工程师,希望给你们带来帮助。

    RISC-V指令集五级流水线CPU设计与验证:基于Verilog的实现及应用 CPU设计

    内容概要:本文详细介绍了基于RISC-V指令集的五级流水线CPU设计及其验证过程。首先,文章阐述了RISC-V指令集的特点及其在CPU设计中的优势,接着深入解析了每个流水线阶段(取指、解码、执行、访存、写回)的Verilog源代码实现。此外,提供了汇编验证代码用于测试CPU的功能,并附带详细的说明文档和PPT,确保设计的完整性和易理解性。最后,在Vivado平台上进行了全面的仿真和实际硬件测试,验证了设计的正确性和性能。 适合人群:从事嵌入式系统设计、CPU架构研究及相关领域的工程师和技术人员。 使用场景及目标:①理解和掌握RISC-V指令集在五级流水线CPU设计中的应用;②学习Verilog语言在CPU硬件设计中的具体实现方法;③通过汇编验证代码测试CPU功能,确保设计的可靠性。 其他说明:本文不仅提供了完整的Verilog源代码和汇编验证代码,还包括详细的说明文档和PPT,有助于读者更好地理解和实践CPU设计过程。

    基于51单片机与HC-05蓝牙模块的Android手机通信程序

    本程序实现了51单片机与手机之间的字符及数字通信功能,且代码中配有详尽的注释说明。关于通信原理的详细阐述,可在我的其他相关文章中查阅。

    cmd-bat-批处理-脚本-run dialogue.zip

    cmd-bat-批处理-脚本-run dialogue.zip

    多智能体编队技术中48智能体点对点转换的分布式模型预测控制及应用 多智能体系统

    内容概要:本文详细介绍了多智能体编队技术,特别是针对4智能体和8智能体的点对点转换分布式模型预测控制。首先概述了多智能体编队的概念及其广泛应用,如无人驾驶、无人机编队等。接着深入探讨了分布式模型预测控制的方法论,强调每个智能体依据自身模型和邻近智能体信息进行预测并制定控制策略,从而提升系统灵活性和鲁棒性。随后阐述了点对点转换的具体机制,即智能体间通过高效的信息交换实现状态间的平滑过渡。最后展示了简化的Python代码示例来解释这一过程,并提供了相关领域的权威参考文献。 适合人群:对多智能体系统、分布式控制系统感兴趣的科研人员和技术开发者。 使用场景及目标:适用于希望深入了解多智能体编队控制理论的研究者以及从事无人驾驶、无人机编队等相关项目的技术人员。目标在于掌握分布式模型预测控制的基本原理及其在实际工程中的应用。 其他说明:文中提供的代码仅为概念验证性质,实际部署时还需考虑更多因素如网络延迟、数据同步等。此外,附带的参考文献为读者进一步学习提供了宝贵的资料来源。

    2023年系统分析师真题及解析

    2023年系统分析师真题及解析

    IMG_20250521_201207.jpg

    IMG_20250521_201207.jpg

    基于鲸鱼算法的光伏风电选址定容优化及其经济性评估 多目标优化

    内容概要:本文探讨了利用鲸鱼算法(Whale Optimization Algorithm)对光伏和风电项目的选址和定容进行优化的方法。鲸鱼算法是一种新颖的智能算法,它模仿座头鲸的捕食行为,具有较少的参数调整需求和强大的寻优能力。文中详细介绍了该算法的核心机制,如气泡网攻击策略,并展示了如何将其应用于新能源项目的选址定容问题中。具体来说,通过定义合适的目标函数来衡量不同方案的表现,包括网损、节点电压偏差和投资成本等因素。此外,还讨论了如何通过调整权重系数来平衡各个目标之间的关系,从而获得最佳解决方案。最终,通过对实验结果的分析,证明了鲸鱼算法在处理此类多维度优化问题上的优越性能。 适合人群:从事新能源规划、电力系统工程及相关领域的研究人员和技术人员。 使用场景及目标:适用于需要对光伏和风电项目进行科学合理的选址和定容决策的情境下,旨在提高能源利用效率的同时降低成本,确保电网稳定性和可靠性。 其他说明:文中提供了具体的Python代码示例,帮助读者更好地理解和实现鲸鱼算法的应用。同时强调了在实际操作过程中应注意的一些关键因素,如数据预处理方法的选择以及参数设置的影响等。

    工业自动化领域威纶通A2触摸屏程序标准精美模板及其应用

    内容概要:本文详细介绍了威纶通标准精美模板,一套专为A2触摸屏程序开发提供的可直接套用的界面模板。模板涵盖了多个实用功能界面,如配方管理、报警记录、操作记录、登录、设备使用说明、参数设置、系统设置、权限设置、趋势显示、电机设置、IO监控、工位用时、文档设置和维修界面。每个界面均经过精心设计,确保界面清新整洁,不带复杂的宏指令,便于操作和维护。此外,模板还支持XY曲线、树状图、数据统计等功能,能够灵活配置和调用。这套模板不仅适用于快速开发,也为新手和在校生提供了宝贵的学习资源。 适用人群:工业自动化领域的开发人员、工程师、新手和在校学生。 使用场景及目标:① 开发人员可以通过直接套用或复制模板,快速完成A2触摸屏程序开发;② 新手和在校生可以利用模板学习触摸屏程序的设计和实现,掌握工业自动化领域的关键技能。 其他说明:模板中的功能和界面设计充分考虑了工业自动化的需求,确保了系统的稳定性和实用性。

    一种三元锂电池析锂特性以及检测方法研究.zip

    一种三元锂电池析锂特性以及检测方法研究.zip

    大规模无线传感 器网络中稀疏信号的数据收集策略.pdf

    大规模无线传感 器网络中稀疏信号的数据收集策略.pdf

    cmd-bat-批处理-脚本-One_Click_StockPrice.zip

    cmd-bat-批处理-脚本-One_Click_StockPrice.zip

    cmd-bat-批处理-脚本-installed-package-contents.zip

    cmd-bat-批处理-脚本-installed-package-contents.zip

    2025年网络媒体项目解决方案.docx

    2025年网络媒体项目解决方案.docx

    实证数据-2010-2023年上市公司-管理层情感语调数据-社科经管.rar

    该数据集为2010-2023年中国A股上市公司管理层情感语调的年度面板数据,覆盖45,320条样本,数据源自年报及半年报的"管理层讨论与分析"部分。通过构建中文金融情感词典(融合《知网情感分析用词典》与L&M金融词汇表),采用文本分析方法计算情感语调指标,包括:正面/负面词汇数量、文本相似度、情感语调1((积极词-消极词)/总词数)和情感语调2((积极词-消极词)/(积极词+消极词))。同时包含盈利预测偏差、审计意见类型等衍生指标,可用于研究信息披露质量、市场反应及代理问题。该数据复刻了《管理世界》《财经研究》等期刊的变量构建方法,被应用于分析语调操纵对债券市场的影响,学术常用度与稀缺度较高。

    cmd-bat-批处理-脚本-green.zip

    cmd-bat-批处理-脚本-green.zip

    心脏病发作数据集.rar

    数据文档 背景描述 心脏病是全球主要的健康威胁之一,也是导致死亡的主要原因。及早识别心脏病风险因素和预测可能的心脏问题对于预防和治疗至关重要。该数据集收集了与心脏健康相关的多种生理指标和实验室检查结果,旨在帮助开发能够区分心脏病阳性和阴性患者的预测模型。 通过分析这些数据,医疗专业人员和研究人员可以更好地理解不同因素(如年龄、性别、血压、血糖和心肌标志物)对心脏病发展的影响,从而制定更精准的诊断和治疗方案。 数据说明 字段 说明 Age 患者年龄 Gender 性别(1=男性,0=女性) Heart rate 心率(每分钟心跳次数) Systolic blood pressure 收缩压(毫米汞柱) Diastolic blood pressure 舒张压(毫米汞柱) Blood sugar 血糖水平(毫克/分升) CK-MB 肌酸激酶同工酶水平(心肌损伤标志物) Troponin 肌钙蛋白水平(心肌损伤特异性标志物) Result 诊断结果(positive=患有心脏病,negative=未患心脏病) 问题描述 该数据集适用于多种分析和预测场景,可以帮助解决以下问题: 心脏病风险预测: 基于生理指标和生化标志物预测个体患心脏病的风险。 关键指标识别: 确定对心脏病诊断最有预测价值的生理和生化指标。 人口统计学分析: 研究年龄和性别与心脏病发生率之间的

Global site tag (gtag.js) - Google Analytics