如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
如何获取showModalDialog的元素
来源：互联网
2023-03-16 19:13:30 365
showModalDialog是浏览器中用于创建和显示包含一个html页面的模态对话窗口的api，此篇我们来谈谈如何获取showModalDialog弹出窗口的元素。
方法/步骤
首先我们使用一个简单的例子介绍showModalDialog的使用。showModalDialog允许我们传入一个html页面的链接，一个父页面需要传给子页面的参数，和一些配置参数。
子页面可以使用window.dialogArguments的方式获取到父页面传输的参数。
我们翻阅api，可以找到showModalDialog有一个returnValue方式给父页面传值，由此，我们可以尝试将子页面的window对象直接赋予returnValue，传给父页面，而父页面可以凭此获取子页面元素以此改变子页面。
我们修改页面代码，给父页面增加一个文字输入框，并绑定change事件尝试改变子页面值，并在子页面加载时设置returnValue为自身的window对象。
然而我们在浏览器调试器中发现，这个返回值我们并没有办法在窗口弹出时就获取到（在子窗口关闭时才会有值）。并且在ie浏览器中弹出子窗口未关闭的情况下，父页面时无法操作的（奇怪的是360使用ie内核可以）。
因此我们只好使用另一种方式，我们由子页面来主动触发这个变更的操作，即我们可以将父页面的window对象传入子页面来达成我们希望的操作。这里我们在字符页面分别放入一个文本输入框，以期达到二者联动的效果。
如我们预期的一般，二者达到的联动的效果。
以上即是本篇的全部内容，感谢阅读。
注意事项
- 注意浏览器兼容问题，谷歌等浏览器已经废弃此api
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：搭建node.js 怎么部署h5 下一篇：如何运用HTML里的水平分隔线
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 435 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)