`
sbpya
  • 浏览: 609622 次
  • 性别: Icon_minigender_1
  • 来自: 杭州,长沙
社区版块
存档分类
最新评论

javascript实例教程(2) 创建弹出式窗口

阅读更多

javascript实例教程(2) 创建弹出式窗口

好吧,言归正转,开始我们的第一个教程吧。利用Javascript创建弹出式窗口的目的实际上是打开另外的浏览器窗口。你可以设置这个浏览器窗口的一些属性,如高度、宽度以及是否让该窗口有一个状态条或者工具条。在下面的例子中,我将窗口设置为:350
x 400,即高度为350像素,宽度为400像素;其中也包括了另外的一些设置,如滚动条;而将其它的设置(如状态条、菜单条)都设置为没有(no)。

 

下面是具体的代码,你可以将它放置到网页的前面:

 

<SCRIPT LANGUAGE = "JavaScript">
function CreateWindow()

{

msgWindow=window.open("pop_win.html","displayWindow",

"toolbar=no,width=350,height=400,directories=no,

status=no,scrollbars=yes,resize=no,menubar=no")

}

</SCRIPT>

 

仔细体会一下这段代码,其实就只用到一个window.open函数,是不是很简单呀!你也许会问:那怎么调用这段代码呢?其实你不用着急,下面马上会给出:

<FORM><INPUT TYPE = "button" VALUE = "创建窗口"
onClick = "CreateWindow()"></FORM>

 
分享到:
评论

相关推荐

    Jquery 多种弹出窗口实例

    在本教程中,我们将探讨“jQuery 多种弹出窗口实例”,学习如何创建交互式弹出窗口,并实现点击页面其他位置时窗口自动隐藏的功能。 首先,让我们了解弹出窗口的基本概念。弹出窗口是网页设计中常用的一种交互元素...

    菜鸟学习javascript实例教程.docx

    例如,`&lt;head&gt;`标签内的脚本通常会在页面加载时执行,如在弹出窗口的例子中,`&lt;script&gt;`标签内的`function message()`定义了一个函数,并在`&lt;body&gt;`标签的`onload`事件中调用它,使得页面加载完毕后弹出提示框。...

    JavaScript检测弹出窗口是否已经关闭的方法

    在网页设计和前端开发过程中,我们经常会遇到需要通过JavaScript打开一个弹出窗口,并且要检测这个弹出窗口是否已经被关闭的需求。这种方法在用户引导、广告展示或者第三方登录等功能中非常常见。本文将深入探讨如何...

    JavaScript+jQuery网页特效设计实例教程源码

    5. **弹出框/模态窗口**:实现提示框、确认对话框或自定义内容的弹出框,使用 `.fadeIn()` 和 `.fadeOut()` 控制显示与隐藏。 6. **滚动特效**:如固定头部、滚动监听、平滑滚动等,这些效果通常结合 `$(window)....

    javascript经典特效---子窗口对父窗口的操作.rar

    在网页设计中,我们经常会遇到“子窗口”(弹出的新窗口)与“父窗口”(打开子窗口的原始窗口)之间的交互需求。这个压缩包“javascript经典特效---子窗口对父窗口的操作.rar”显然包含了关于如何使用JavaScript...

    纯js响应式模态窗口和弹出层插件MODALit

    MODALit是一款高效且实用的纯JavaScript响应式模态窗口和弹出层插件,其设计目标是为开发者提供一个轻量级、易用的解决方案,以创建lightbox效果、模态窗口、对话框以及各种弹出层。这款插件无需依赖jQuery库,但在...

    JavaScript实例应用(PDG)

    在"JavaScript实例应用(PDG)"这个主题中,我们将会深入探讨JavaScript如何在网页制作中发挥关键作用,以及如何通过实践来提升编程技能。 首先,JavaScript主要负责网页的动态效果和交互性。它能够实时更新页面内容...

    Java Script精彩实例教程下载

    3. **BOM处理**:浏览器对象模型(BOM)让JavaScript可以处理浏览器特定的功能,如窗口管理、导航、时间处理、弹出警告框等。 4. **AJAX**:异步JavaScript和XML(现在更多使用JSON)技术,用于在不刷新整个页面的...

    javascript基础教程(第六版)及随书源码

    本章会讲解如何操作window对象、document对象,以及如何进行页面导航、弹出对话框、处理窗口事件等。 **第十四章 Document对象**: Document对象是HTML文档的根节点,它包含并控制整个页面。这一章会介绍如何通过...

    JavaScript实战.pdf

    通过本书的学习,读者可以掌握如何利用JavaScript来实现智能表格、导航标签、弹出式帮助以及互动的图片浏览等功能。 #### 三、核心知识点 ##### 1. 智能表格 - **定义与功能**:智能表格是指能够动态加载数据、...

    javascript例子教程20120614.pdf

    再者,教程还介绍了如何使用`window.open()`函数创建新窗口或弹出窗口。这个函数接收三个参数:要打开的URL、新窗口的名称以及窗口特征(如宽度、高度等)。例如,`test()`函数就创建了一个300x300像素的新窗口,...

    ArcGIS API for JavaScript 开发教程

    Esri提供了一系列预定义的模板和组件,如弹出窗口、图层选择器等,可以快速构建用户界面: ```javascript const popup = new Popup({ dockEnabled: true, dockOptions: { breakpoint: 768 } }); view.popup = ...

    javascript 基础教程

    JavaScript可以用来创建各种动态效果,比如弹出窗口、滑动菜单等。 1. **弹出窗口**: ```javascript function showPopup() { alert("This is a popup window!"); } ``` 2. **滑动菜单**: ```javascript ...

    JavaScript客户端验证和页面特效制作(JavaScript)

    5. **模态窗口**:弹出式的窗口,用于显示详细信息、警告信息或者登录框等。 6. **拖放功能**:允许用户通过拖动元素来重新排列布局或上传文件。 7. **计时器与倒计时**:用于展示活动剩余时间、倒计时提醒等。 8. *...

    openlayer 实例教程

    - **案例3:交互式地标标注**:实现用户可以在地图上放置标记的功能,并附带弹出窗口显示更多信息。 #### 五、总结 《OpenLayers 2.10 Beginner's Guide》不仅是一本入门指南,更是一部全面覆盖OpenLayers核心功能...

    JavaScript基础教程

    例如,可以尝试编写简单的JavaScript程序,如制作一个弹出警告框、实现一个简单的计数器功能等。 #### 八、参考资料 - **MSDN** 和 **Netscape网**:提供了丰富的JavaScript文档和技术资源,对于深入学习...

    msn界面布局-EXTJS实现实例教程

    `Ext.Window`是一个浮动的容器,可以用来创建弹出窗口或者对话框。在实例中,我们设置了窗口的宽度为300像素,高度为450像素,并设置了`layout:'fit'`,意味着窗口内容将完全填充窗口的大小。同时,我们为窗口添加了...

    Dreamweaver cs6 标准实例教程 PPT.rar

    - 深入理解JavaScript集成,如何通过Dreamweaver添加动态效果和交互功能,如弹出窗口、表单验证等。 7. **FTP发布** - 学习如何通过内置的FTP客户端将网站上传到远程服务器,进行在线预览和发布。 8. **最佳实践...

    Javascript基础教程

    JavaScript中的window对象代表浏览器窗口,提供了访问和操作窗口的API,如alert()用于弹出警告对话框,prompt()和confirm()用于用户输入和确认。 八、WEB页面信息交互 JavaScript可以直接操作DOM(Document Object ...

Global site tag (gtag.js) - Google Analytics