fox123871
fox123871

window.open 与 window.showModalDialog比较

 

window.open与window.showModalDialog都是用来打开子窗口的。

open形式是直接打开一个子窗口,但在ie7以及ie8上都不会直接弹出一个窗口，而是在新标签页中打开，这带来两个问题，一个是操作不方便，另一个是原本明明在open时指定了窗口大小的，但是由于是标签页打开，导致设置的窗口大小完全没用，页面中的内容也是在新窗口中完全打开的，本来设计很好的页面打开后完全变形了。这个时候最好是选用dialog形式打开窗口，使用它打开窗口时有几点需要注意的。

1设置窗口的参数：
   open设置参数一般以逗号分隔;
   dialog中则是以分号分隔的;
   window.open()参数：
   window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no,rollbars=no, resizable=no,
location=no, status=no') ;
     参数说明：
    window.open 弹出新窗口的命令；
   'page.html' 弹出窗口的文件名；
   'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
   height=100 窗口高度；
   width=400 窗口宽度；
   top=0 窗口距离屏幕上方的象素值；
   left=0 窗口距离屏幕左侧的象素值；
   toolbar=no 是否显示工具栏，yes为显示；
   menubar，scrollbars 表示菜单栏和滚动栏。
   resizable=no 是否允许改变窗口大小，yes为允许；
   location=no 是否显示地址栏，yes为允许；
   status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
  
    window.showModalDialog(sURL,vArguments,sFeatures)参数：
   window.showModalDialog('page.html','','resizable:yes;scroll:yes;status:no;dialogWidth=320px;dialogHeight=230px;center=yes;
help=no');
    参数说明：   
   sURL           --  必选参数，类型：字符串。用来指定对话框要显示的文档的URL。   
   vArguments-- 可选参数，类型：变体。用来向对话框传递参数。
                  传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。   
   sFeatures   -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。   
   1.dialogHeight:对话框高度，不小于100px.
   2.dialogWidth: 对话框宽度。   
   3.dialogLeft:离屏幕左的距离。   
   4.dialogTop:离屏幕上的距离。   
   5.center: {yes｜no｜1｜0}：窗口是否居中，默认yes，但仍可以指定高度和宽度。   
   6.help:    {yes｜no｜1｜0}：是否显示帮助按钮，默认yes。   
   7.resizable:{yes｜no｜1｜0}[ie5+]：是否可被改变大小。默认no。   
   8.status:    {yes｜no｜1｜0}[IE5+]：是否显示状态栏。默认为yes[Modeless]或no[Modal]。   
   9.scroll:      {yes｜no｜1｜0｜on｜off}：指明对话框是否显示滚动条。默认为yes。   
   下面几个属性是用在HTA中的，在一般的网页中一般不使用。   
   10.dialogHide:{yes｜no｜1｜0｜on｜off}：在打印或者打印预览时对话框是否隐藏。默认为no。   
   11.edge:         {sunken｜raised}：指明对话框的边框样式。默认为raised。   
   12.unadorned:{yes｜no｜1｜0｜on｜off}：默认为no。  

2如何访问父窗口中的元素：
     open 形式打开的子窗口，通过window.opener就可以了，如window.opener.user.value=啦啦啦。
     dialog形式打开的子窗口，在写window.showModalDialog时，将window作为该方法的第二个参数，然后在子窗口中通过window.dialogArguments就可以定位到父窗口的window对象。如var bb =  window.dialogArguments;bb.document.getElementById("user").value = 啦啦啦。
3例子：
问题一：我想弹出一个窗口，然后在弹出的窗口里，选择或输入一些信息，要求这些信息返回到父页面。
建立父页面：a.htm

  1. <html>
  2. <head>
  3.     <title></title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.         function OpenWin(){
  6.             var getv = showModalDialog("b.htm", "", "dialogWidth:320px; dialogHeight:200px;status:no;help:yes");
  7.             if (getv != null){
  8.                 document.forms[0].txtName.value=getv.split(",")[0];
  9.                 document.forms[0].txtAge.value=getv.split(",")[1];
  10.             }
  11.         }
  12. // --></mce:script>
  13. </head>
  14. <body>
  15.     <form id="form1" runat="server" method="post">
  16.     <input type="text" name="txtName" id="txtName" />
  17.     <input type="text" name="txtAge" id="txtAge" />
  18.     <input type="button" name="Submit" value="打开" onclick="OpenWin()" />
  19.     </form>
  20. </body>
  21. </html>

建立子页面：b.htm

  1. <html>
  2. <head>
  3.     <title></title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.         function GetValue(){
  6.             //window.returnValue存放子窗口向父窗口所传值的内容
  7.         window.returnValue=document.forms[0].txtName.value+","+document.forms[0].txtAge.value;
  8.             window.close();
  9.         }// --></mce:script>
  10. </head>
  11. <body>
  12.     <form id="form1" runat="server" method="post">
  13.     <br />
  14.     姓名：<input name="txtName" type="text" id="txtName" /><br />
  15.     年龄：<input name="txtAge" type="text" id="txtAge" />
  16.     <input type="button" name="Submit" value="关闭" onclick="GetValue()" />
  17.     </form>
  18. </body>
  19. </html>

这里利用了模式窗口window.showModalDialog(),利用window.returnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])，我们可以打开一个模态窗口，该窗口的优点是限制用户只能对当前的页面进行操作，而对其父页面不能进行操作，常用于向导或者信息获取页面。利用其中的vArguments我们可以在父页面和弹出的页面中进行参数的传递，参数可以为自定义的对象，也可以传递父页面中任何一个控件的引用，这使得我们可以很容易的来操作父页面中的各个元素，使得参数的传递变得非常容易。
问题二、第２个参数的讨论
showModalDialog(＂子页面地址＂,"向子页面传递参数","子页面外观设置")，主要研究下第２个参数。
1.第２个参数为自定义对象
我们可以定义一个javascript对象，然后定义各种自定义属性的值，然后可以将此对象传递到子页面中。
例：将父页面的信息封装成一个对象，然后将该对象传递给子页面。
父页面：oneParent.htm

  1. <html>
  2. <head>
  3.     <title>父页面向子页面传递自定义对象参数</title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.         function OpenWin(){
  6.             //发送页面，利用模式窗口的第２个参数向子页面传递一个对象
  7.         var person=new Object();
  8.             person.myName=document.forms[0].txtName.value;
  9.             person.myAge=document.forms[0].txtAge.value;
  10.             window.showModalDialog("oneSon.htm",person,""); //第２个参数是一个对象
  11.      }
  12. // --></mce:script>
  13. </head>
  14. <body>
  15.     <form id="form1" runat="server" method="post">
  16.         姓名：<input type="text" name="txtName" id="txtName" />
  17.         年龄：<input type="text" name="txtAge" id="txtAge" />
  18.         <input type="button" name="Submit" value="打开" onclick="OpenWin()" />
  19.     </form>
  20. </body>
  21. </html>

子页面：oneSon.htm

  1. <html>
  2. <head>
  3.     <title></title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.        window.onload=function(){
  6.             //对话框通过window.dialogArguments来取得传递进来的参数。   
  7.         var person=window.dialogArguments;
  8.             document.forms[0].txtName.value=person.myName;
  9.             document.forms[0].txtAge.value=person.myAge;
  10.         };
  11. // --></mce:script>
  12. </head>
  13. <body>
  14.     <form id="form1" runat="server" method="post">
  15.     <br />
  16.     姓名：<input name="txtName" type="text" id="txtName" /><br />
  17.     年龄：<input name="txtAge" type="text" id="txtAge" />
  18.     <input type="button" name="Submit" value="关闭" onclick="window.close()" />
  19.     </form>
  20. </body>
  21. </html>

以上代码中，文档全部加载完,才执行window.onload指定函数，以找到document.forms[0].txtName对象，如果去掉，window.onload=function(){}直接写大括号里的代码，则必须把这个ＪＳ代码块放到</body>之后才能正确运行，否则出现运行时间错误，找不到document.forms[0].txtName对象
2.第２个参数是父页面的一个元素
我们可以将父页面中元素对象的引用传递给子页面，通过该引用我们可以访问父页面中的该元素对象。
例：其中利用元素对象的引用我们可以操纵父页面的元素对象的属性。
父页面：twoParent.htm

  1. <html>
  2. <head>
  3.     <title>父页面向子页面传递父页面元素</title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.         function OpenWin(){
  6.             //发送页面，利用模式窗口的第2个参数向子页面传递一个对象
  7.         window.showModalDialog("twoSon.htm",parentDiv,""); //第2个参数是父页面中的元素对象
  8.      }   
  9. // --></mce:script>
  10. </head>
  11. <body>
  12.     <form id="form1" runat="server" method="post">
  13.     <div id="parentDiv">
  14.         姓名：<input type="text" name="txtName" id="txtName" />
  15.         年龄：<input type="text" name="txtAge" id="txtAge" />
  16.         <input type="button"  value="打开" onclick="OpenWin()" />
  17.     </div>
  18.     </form>
  19. </body>
  20. </html>

子页面：twoSon.htm

  1. <html>
  2. <head>
  3.     <title></title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5. //       window.onload=function(){
  6.             //对话框通过window.dialogArguments来取得传递进来的参数。   
  7.             var infoKeYi=window.dialogArguments;
  8. //        };   
  9. // --></mce:script>
  10. </head>
  11. <body>
  12.     <form id="form1" runat="server" >
  13.     <div id="childDiv">
  14.     </div>
  15.     <br />
  16.     <!-- 注释：显示传递进来的，父页面中的元素信息-->
  17.     <input type="button" value="显示父页面传递的信息" onclick="childDiv.innerHTML=infoKeYi.innerHTML" />
  18.     <input type="button" value="子页面操作父页面的信息", onclick='infoKeYi.style.backgroundColor="green"'/>
  19.     <!-- 注释：显示传递进来的父元素信息-->
  20.     <input type="button" name="Submit" value="关闭" onclick="window.close()" />
  21.     </form>
  22. </body>
  23. </html>

这里注释掉window.onload=function(){}，直接写大括号里的代码，目的让JS代码先加载，后加载<body>里的元素，否则出现找不到对象infoKeYi的错误。
３.第２个参数是window.
如果第２个参数是window,这样可以取得父窗口的一些数据和方法。如：
//取得父窗口的JS变量 var
window.dialogArguments.父窗口中的变量;
//获得父窗口的对象和属性
window.dialogArguments.form1.父窗口中控件name.value ;
//调用父窗口的方法 fun
window.dialogArguments.父窗口中的方法 ;
父页面：threeParent.htm

  1. <html>
  2. <head>
  3.     <title>父页面向子页面传递父页面元素</title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.         //打开窗口
  6.      function OpenWin(){
  7.             window.showModalDialog("threeSon.htm",window,"dialogWidth:300px;dialogHeight:200px;status:no"); //第2个参数是window对象
  8.      }
  9.         //定义一个子窗口要调用的变量
  10.      var age=20;
  11.         //定义一个子窗口要调用的方法
  12.      function getHello(){
  13.             return "你好，世界！";
  14.         }   
  15. // --></mce:script>
  16. </head>
  17. <body>
  18.     <form id="form1" runat="server" method="post">
  19.     <div id="parentDiv" align="center">
  20.         姓名：<input type="text" name="txtName" id="txtName" />
  21.         <input type="button"  value="打开" onclick="OpenWin()" />
  22.     </div>
  23.     </form>
  24. </body>
  25. </html>

子页面：threeSon.htm

  1. <html>
  2. <head>
  3.     <title></title>
  4.     <mce:script language="javascript" type="text/javascript"><!--
  5.        window.onload=function(){
  6.             //对话框通过window.dialogArguments来取得传递进来的参数。   
  7.         //获得父窗口的对象和属性
  8.         document.forms[0].txtName.value=window.dialogArguments.form1.txtName.value;
  9.             //取得父窗口的JS变量
  10.         document.forms[0].txtAge.value=window.dialogArguments.age;
  11.             //调用父窗口的方法
  12.         document.forms[0].txtSay.value=window.dialogArguments.getHello();
  13.         };   
  14. // --></mce:script>
  15. </head>
  16. <body>
  17.     <form id="form1" runat="server" >
  18.     <div id="childDiv" align="center">
  19.     </div>
  20.     <br />
  21.     <!-- 注释：显示传递进来的，父页面中的元素信息-->
  22.     姓名：<input name="txtName" type="text" id="txtName" /><br />
  23.     年龄：<input name="txtAge" type="text" id="txtAge" /><br />
  24.     问候：<input name="txtSay" type="text" id="txtSay" /><br />
  25.     <input type="button" name="Submit" value="关闭" onclick="window.close()" />
  26.     </form>
  27. </body>
  28. </html>

你可能感兴趣的:(JavaScript,function,server,input,dialog,button)

  • 【python】GUI框架——wxPython 草莓泰面包 pythonpython开发语言
    文章目录GUIwxPython结构启动界面——wx.App代码遇到报错：wx.Frame()框架wx.Panel()容器布局——wx.SizerBox布局管理器（默认水平布局）控件statictext文本类字体格式Fonttextctrl输入文本类wx.Validator是用于验证用户输入的类，它允许您自定义输入验证规则和错误处理。Button按钮FileDialogMessageDialogEv
  • 简单的springboot使用sse功能 smile_life_ springboot后端java
    什么是sse?1、SSE是Server-SentEvents（服务器发送事件）2、SSE是一种允许服务器主动向客户端推送实时更新的技术。3、它基于HTTP协议，并使用了其长连接特性，在客户端与服务器之间建立一条持久化的连接。通过这条连接，服务器可以实时地向客户端发送事件流，而客户端可以监听这些事件并作出相应的处理。4、SSE是单向通信机制，即只能由服务器向客户端推送数据，客户端不能通过SSE向服务
  • LSP介绍并实现语言服务 lsp编程语言ide
    首发于Enaium的个人博客LSP(LanguageServerProtocol)介绍前段时间我为JimmerDTO实现了一个LSP的语言服务，这是我第一次实现LSP，所以在这里我分享一下我实现LSP的经验。首先来看一下效果，图片太多，我就放一部分，更多的可以看jimmer-dto-lspLSP是一种协议，用于在IDE和语言服务器之间通信。IDE通过LSP请求语言服务器提供代码分析服务，语言服务器
  • 使用Kotlin编写一个Http服务器 后端kotlinhttp
    首发于Enaium的个人博客引言在本文中，我们将使用Kotlin编写一个简单的HTTP服务器。我们将使用Java的ServerSocket类来实现这个服务器。我们将创建一个简单的服务器，它将监听端口8000，并在接收到请求时返回一个简单的响应。Http的格式HTTP请求和响应都是文本格式的。HTTP请求由请求行、请求头和请求体组成。HTTP响应由状态行、响应头和响应体组成。具体可以到MDN查看。代
  • JavaScript常用的一些代码段 东锋1.3 javascriptjavascript开发语言ecmascript
    带有重复项使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，然后使用reduce（）将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。constanagrams=str=>{if(str.lengthacc.concat(anagrams(str.slice(0,i)+str.slice(i+1)).map(val=>letter+val)),
  • 观察者模式和订阅模式 蓝田～ 观察者模式windows
    观察者模式和订阅模式在概念上是相似的，它们都涉及到一个对象（通常称为“主题”或“发布者”）和多个依赖对象（称为“观察者”或“订阅者”）之间的关系。然而，尽管它们有相似之处，但在某些方面也存在细微的差别。观察者模式（ObserverPattern）‌核心思想‌定义对象间的一种一对多的依赖关系，使得每当一个对象改变状态，则所有依赖于它的对象都会得到通知并自动更新。‌结构‌通常包括主题（Subject）
  • 适合画地图的js库对比整理，Leaflet，Google Maps，Mapbox GL JS，OpenLayers，Cesium，D3.js等对应官方网站、Github项目地址、特点、使用场景及应用 飞火流星02027 前台地图GISjavascript地图库LeafletD3.jsMapboxGLJSGoogleMapsOpenLayers
    摘要适合画地图的js库对比整理，Leaflet，GoogleMapsJavaScriptAPI，MapboxGLJS，OpenLayers，Cesium，D3.js及对应官方网站、Github项目地址、特点、使用场景地图库对比整理明细表说明维度库名Github项目特点使用场景LeafletLeaflet/Leaflet轻量级、易于使用、功能丰富。支持各种地图服务（如OpenStreetMap、Ma
  • python json 用法 云连山 pythonpythonjson
    JSON简介JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。它基于JavaScript的一个子集，易于人阅读和编写，同时也易于机器解析和生成。在Python中，使用json模块来处理JSON数据。JSON支持的数据类型主要有对象（在Python中类似于字典）、数组（在Python中类似于列表）、字符串、数字、布尔值和null。将Python对象转换为JSON
  • python的小技巧一 2401_87368790 python开发语言
    print(res)####一个数值的范围比较*常规的写法deftest_judge5(self):“”"判断一个值得的范围大小@return:“”"num=int(input(“请输入一个数字：”))ifnum>=0andnum>在判断字典的某一个key是否为空，可以用try…exception来实现>>>deftest_judge3(self):dict_data={“user_base”:{
  • 群晖通过docker安装emby server实现硬件转码 阿舒带你学编程 javajava后端
    群晖通过docker安装embyserver实现硬件转码白群晖DS918+现在套件中心安装docker和FFMPEG这两个套件。前者为了安装emby和其他很多应用，后者用来解码。emby镜像：emby/embyserver:latest但是如果想实现硬件解码，不能用群晖的docker来启动容器，而应该通过ssh登录到群晖上，然后sudo-i切换到root用户，再通过下面的命令：dockerrun-
  • Ubuntu 安装 GitLab snail_simba_eric 技术UbuntuGitlab
    apt-getupdateapt-getinstallcurlopenssh-serverca-certificatescurlhttps://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh|bashEXTERNAL_URL="http://gitlab.example.com"apt-getinsta
  • 打包springcloud微服务时，终端执行java -jar报错，没有主清单属性 ZL_do_it jarjavamaven
    打包springcloud微服务时，终端执行java-jar报错，没有主清单属性使用SpringBoot微服务搭建框架，在eclipse和Idea下能正常运行，但是在打成jar包部署或者直接使用java-jar命令的时候，提示了xxxxxx.jar中没有主清单属性：C:\Users\zl\.m2\repository\com\kkb\eureka-server\1.0-SNAPSHOT>java-
  • 【微服务33】分布式事务Seata源码解析一：在IDEA中启动Seata Server 秃秃爱健身 #分布式事务Seata入门到精通微服务分布式intellij-idea
    文章目录一、前言二、IDEA中运行SeataServer1、把源码从Github中荡下来坑：一定要从mavenmodules中移除序列化的包SeataServer使用到的DB2、调整seata-server的配置seata-server3、运行seata-server三、总结和后续一、前言至此，博主介绍了一些Seata环境搭建的常见坑、Seata的两种案例（SpringCloud集成Seata、S
  • Python之JSON数据结构 CL.LIANG python基础pythonjson数据结构
    JSON数据结构介绍JSON（JavaScriptObjectNotation）优势：1.易于阅读和编写JSON的结构直观、简单，类似于键值对的形式，易于人类阅读和编写。与XML等数据格式相比，JSON的语法更简洁，没有复杂的标记符号。2.轻量化JSON格式相比其他数据格式（如XML），更简洁，没有多余的标记，数据体积较小，这使得数据传输更加高效，尤其是在网络应用中。3.与JavaScript天然
  • IDEA tomcat启动项目 Aa_duidui javaintellij-ideatomcatjava
    1.打开File中Settings2.搜索ApplicationServers,添加服务器类型,tomcat,选择本地的tomcat文件位置,点击OK3.搜索Plugins,在里面搜索tomcat,挑上钩4.idea打开多个项目点击idea侧面的Maven,点击加号,找到要添加项目的pom.xml项目是现成的,省略了文章的第5步
  • Windows Server 2022 中文版、英文版下载 (2024 年 12 月更新) windows-server
    WindowsServer2022中文版、英文版下载(2024年12月更新)WindowsServer2022x64,Version21H2(updatedDec2024)请访问原文链接：https://sysin.org/blog/windows-server-2022/查看最新版。原创作品，转载请保留出处。作者主页：sysin.orgWindowsServer2022采用先进的多层安全机制、A
  • Windows Server 2025 中文版、英文版下载 (2024 年 11 月更新) windows-server
    WindowsServer2025中文版、英文版下载(2024年11月更新)WindowsServer2025LTSCx64(updatedNov2024)请访问原文链接：https://sysin.org/blog/windows-server-2025/查看最新版。原创作品，转载请保留出处。作者主页：sysin.org2024年11月3日，微软宣布WindowsServer2025从Build
  • 【AI+可视化工具】实现流程图快速生成 Unity青子 问题解决（软件疑难杂症）深度学习Mermaid
    代码绘制流程图的工具有很多，以下是一些常用的工具：Mermaid：Mermaid是一个基于Markdown的图表语言，可以生成各种类型的图表，包括流程图、时序图、甘特图等。Mermaid可以使用JavaScript或TypeScript进行编写，可以通过Node.js运行。Graphviz：Graphviz是一个开源的图形可视化工具，可以生成各种类型的图表，包括流程图、时序图、网络拓扑图等。Gra
  • C++多线程几种方法 yy__xzz c++多线程
    在Windows平台上，C++可以使用多种方法来实现多线程编程。以下是一些常见的方法：1.Win32API线程使用Win32API创建线程，这涉及到`CreateThread`函数。这种方法较为底层，提供了更多的控制，但也需要更多的代码和手动管理。#include  //线程函数  DWORDWINAPIThreadFunction(LPVOIDlpParam){    //线程要执行的代码   
  • Intersection Observer实现图片懒加载 廊坊吴彦祖 jsjavascriptjshtmlhtml5
    IntersectionObserver实现图片懒加载IntersectionObserver的概念和用法IntersectionObserverAPI提供了一种异步检测目标元素与祖先元素或viewport相交情况变化的方法，可以自动“观察”元素是否可见，可见的本质是目标元素与视口产生一个交叉区域，所以这个API叫做“交叉观察器”IntersectionObserverAPI允许你配置一个回调函数
  • IntersectionObserver API实现图片懒加载、无限滚动 壹_yi javascript前端
    目录1、IntersectionObserverAPI1.1、observe方法1.2、unobserve方法1.3、disconnect方法1.4、takeRecords方法1.5、callback参数1.6、options2、IntersectionObserverEntry对象3、相关效果3.1、图片懒加载3.2、封装图片懒加载函数3.3、无限滚动3.4、加载更多1、Intersection
  • ssh无法远程登陆问题汇总 lida2003 Linuxssh服务器linux
    ssh无法远程登陆问题汇总1.ssh服务是否已经启动1.1sshd服务是否已经安装1.2sshd是否已经启动2.检查sshd配置3.检查路由情况4.检查hosts许可文件5.检查防火墙问题5.1检查防火墙是否启动5.2修改防火墙配置注：这里以ubuntu系统为例。1.ssh服务是否已经启动1.1sshd服务是否已经安装ubuntu20.04LTS默认安装openssh-server，如果没有安装就
  • k8s namespace绑定节点 mumu2lili k8s云计算kubernetesjava容器
    k8snamespace绑定节点1.apiserver启用准入控制PodNodeSelector2.namespace添加注解scheduler.alpha.kubernetes.io/node-selector3.labelnode1.apiserver启用准入控制PodNodeSelectorvim/etc/kubernetes/manifests/kube-apiserver.yamlspe
  • C# 调用 origin 批量作图 angliaokantang0683 c#runtime
    C#调用origin批量作图质谱数据处理软件中，需要批量粘贴Origin的矢量图到Word和PPT中，由于出图量大，需要用代码生成。代码参考了Origin9.2中自带的AutomationServer示例代码。本文涉及两部分内容，如何通过C#调用Origin.dll和interop.word对word的读写操作。目标：文件是一个.opj文件，内容如下。我们通过C#调用相关接口来修改数据和标签。并且
  • 使用 Intersection Observer 实现高效懒加载和滚动监听 桂月二二 macos前端框架前端
    在前端开发中，性能优化是提升用户体验的核心之一。随着网页内容的日益增多，如何高效地加载图片、视频等资源，以及如何监听用户的滚动行为，成为了前端开发者需要解决的难题。传统的滚动事件监听往往会带来性能瓶颈，尤其是在需要频繁触发的情况下。为此，IntersectionObserverAPI应运而生，它能让开发者更高效、灵活地处理懒加载和滚动监听等需求。本文将深入介绍如何使用IntersectionObs
  • [Centos/Jupyterhub] 多用户远程登录 Jupyter 详细配置 風の唄を聴け CentosJupyterjupyterhub多用户登录jupyterhub常用配置
    目录1.安装环境配置1.1安装jupyter1.2安装npm/nodejs1.4安装configurable-http-proxy1.5安装认证插件1.3安装jupyterhub2.Jupyterhub配置2.1用户登录设置2.2URL设置2.3启动/关闭的初始设置2.4关闭空闲servers3.启动jupyterhub3.1添加环境变量3.2使用root权限启动4.常见问题4.1无法多用户同时登
  • python 菜单调用_Python Tkinter Menu菜单（窗口菜单和右键菜单）使用详解 weixin_39997311 python菜单调用
    Tkinter为菜单提供了Menu类，该类既可代表菜单条，也可代表菜单，还可代表上下文菜单（右键菜单）。简单来说，Menu类就可以搞定所有菜单相关内容。程序可调用Menu的构造方法来创建菜单，在创建菜单之后可通过如下方法添加菜单项：add_command()：添加菜单项。add_checkbutton()：添加复选框菜单项。add_radiobutton()：添加单选钮菜单项。add_separa
  • C语言读取pcm格式,pcm文件转wav C语言 深夜利行 C语言读取pcm格式
    #include#include/***ConvertPCMrawdatatoWAVEformat*@parampcmpathInputPCMfile.*@paramchannelsChannelnumberofPCMfile.*@paramsample_rateSamplerateofPCMfile.*@paramwavepathOutputWAVEfile.*/inttransform_pcm
  • 【Vue】Part4 接口调用 福安德信息科技 WEB开发vue.jsokhttp前端
    接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层
  • 【2025软考高级架构师】案例题重点知识——第三部分 Richard Chijq 2025年软考系统架构师软考高级软件架构师
    33.需求分析总结需求分析主要是用来分析系统主要做什么，提炼、分析、认真审查获取到的需求，确保所有项目干系人明白其中的含义，同时找出错误、遗漏或者不足的地方。需求分析的7个方面包括：1.建立系统边界2.创建用户界面原型3.创建数据流图4.创建数据字典5.确定需求的优先级6.分析系统的可行性7.使用QFD(QualityFunctionDeployment,质量功能展开，用户基本，期望需求，兴奋需求
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他