JavaScript 模态对话框与全屏窗口操作代码示例
5星 · 超过95%的资源 需积分: 9 165 浏览量
更新于2024-07-23
收藏 244KB DOC 举报
"javascript常用代码大全,包括打开模式对话框、获取模式对话框返回值、全屏打开IE窗口以及XML在JavaScript中的使用示例"
在JavaScript编程中,掌握一些常用的代码片段能够极大地提高开发效率。以下将详细介绍标题和描述中提到的知识点:
1. 打开模式对话框
在JavaScript中,`window.showModalDialog()`函数用于打开一个模态对话框,该对话框会阻止用户与页面其他部分的交互,直到关闭对话框。在示例中:
```javascript
strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes;help=no;status=no;scroll=no";
var url = "selUser.aspx";
strReturn = window.showModalDialog(url, ',', strFeatures);
```
这里,`strFeatures`定义了对话框的属性,如宽度、高度、是否居中等,`url`是对话框要加载的页面地址,空格字符 `,` 作为对话框的初始参数传递。
2. 返回模式对话框的值
模态对话框可以通过`window.returnValue`属性设置返回值,并通过`window.close()`来关闭对话框。例如:
```javascript
function okbtn_onclick() {
var commstr = '';
window.returnValue = commstr;
window.close();
}
```
在这个例子中,`okbtn_onclick`函数被用来设定返回值并关闭对话框,`commstr`可以是任何要返回给调用页面的值。
3. 全屏打开IE窗口
使用`window.open()`方法可以创建一个新的浏览器窗口。在全屏模式下打开IE窗口,我们可以这样实现:
```javascript
var winWidth = screen.availWidth;
var winHeight = screen.availHeight - 20;
window.open("main.aspx", "surveyWindow", "toolbar=no,width=" + winWidth + ",height=" + winHeight + ",top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statusbars=yes");
```
这里,`screen.availWidth`和`screen.availHeight`分别获取屏幕可用宽度和高度,然后创建一个新窗口,指定窗口属性如无工具栏、全屏大小等。
4. 脚本中使用XML
JavaScript可以处理XML数据,通常通过`ActiveXObject`(在Internet Explorer中)或`XMLHttpRequest`(跨浏览器)来实现。以下是一个使用`ActiveXObject`的例子:
```javascript
function initialize() {
var xmlDoc, xslDoc;
xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
xmlDoc.async = false;
xslDoc = new ActiveXObject('Microsoft.XMLDOM');
xslDoc.async = false;
xmlDoc.load("tree.xml");
xslDoc.load("tree.xsl");
folderTree.innerHTML = xmlDoc.documentElement.transformNode(xslDoc);
}
```
在这个函数中,`xmlDoc`加载XML文件,`xslDoc`加载XSL转换文件,然后使用`transformNode()`方法将XML文档应用XSL转换,结果插入到HTML元素`folderTree`中。
除了以上介绍的知识点,还有其他常用的JavaScript代码,如数字验证(整数验证、大于0的验证)、字符串操作、事件处理等。在实际开发中,了解并熟练运用这些代码片段能够帮助开发者更高效地完成任务。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2012-09-28 上传
2008-06-07 上传
806 浏览量
junjun1992531
- 粉丝: 0
- 资源: 1
最新资源
- 正整数数组验证库:确保值符合正整数规则
- 系统移植工具集:镜像、工具链及其他必备软件包
- 掌握JavaScript加密技术:客户端加密核心要点
- AWS环境下Java应用的构建与优化指南
- Grav插件动态调整上传图像大小提高性能
- InversifyJS示例应用:演示OOP与依赖注入
- Laravel与Workerman构建PHP WebSocket即时通讯解决方案
- 前端开发利器:SPRjs快速粘合JavaScript文件脚本
- Windows平台RNNoise演示及编译方法说明
- GitHub Action实现站点自动化部署到网格环境
- Delphi实现磁盘容量检测与柱状图展示
- 亲测可用的简易微信抽奖小程序源码分享
- 如何利用JD抢单助手提升秒杀成功率
- 快速部署WordPress:使用Docker和generator-docker-wordpress
- 探索多功能计算器:日志记录与数据转换能力
- WearableSensing: 使用Java连接Zephyr Bioharness数据到服务器