"Javascript经典实例:创建弹出式窗口教程"
![](https://csdnimg.cn/release/wenkucmsfe/public/img/star.98a08eaa.png)
利用 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>仔细体会一下这段代码,其实就只用:".." 在这段代码中,首先我们使用了 <SCRIPT> 标签将 Javascript 代码嵌入到 HTML 中。然后我们定义了一个名为 CreateWindow 的函数,用来创建弹出式窗口。在这个函数中,我们使用 window.open 方法来新建一个窗口,该方法接受三个参数:要在新窗口中显示的页面的 URL("pop_win.html"),窗口的名称("displayWindow")和窗口的属性("toolbar=no,width=350,height=400,directories=no,status=no,scrollbars=yes,resize=no,menubar=no")。在这里我们设置了新窗口的一些属性,如是否显示工具栏、窗口的高度和宽度等。 当用户在浏览器中打开包含以上 Javascript 代码的页面时,可以通过调用 CreateWindow 函数来创建一个新的弹出窗口,这个窗口会显示指定的页面,并且具有我们在代码中设置的属性。这样就实现了利用 Javascript 创建弹出式窗口的功能。 除了以上的例子,Javascript 还可以用来实现很多其他的功能,比如表单验证、动态内容更新、浏览器检测等等。因此学习 Javascript 对于 web 开发来说是非常重要的。希望通过这个简单的例子,你能够对 Javascript 有一个初步的了解,也能够对如何利用 Javascript 来创建弹出式窗口有一个清晰的认识。更多关于 Javascript 的内容,我们会在以后的教程中慢慢展开。 总的来说,Javascript 是一种非常强大的脚本语言,它可以实现很多在网页上的动态效果和交互功能。利用 Javascript 可以创建弹出式窗口、表单验证、动态内容更新等功能。通过学习和使用 Javascript,可以使我们的网页更加丰富和有趣,为用户提供更好的浏览体验。希望通过本教程,你能够对 Javascript 有一个初步的了解,并且能够运用它来实现各种功能。
![](https://csdnimg.cn/release/download_crawler_static/6479099/bgb.jpg)
![](https://csdnimg.cn/release/download_crawler_static/6479099/bgc.jpg)
![](https://csdnimg.cn/release/download_crawler_static/6479099/bgd.jpg)
剩余60页未读,继续阅读
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 0
- 资源: 8
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 多模态联合稀疏表示在视频目标跟踪中的应用
- Kubernetes资源管控与Gardener开源软件实践解析
- MPI集群监控与负载平衡策略
- 自动化PHP安全漏洞检测:静态代码分析与数据流方法
- 青苔数据CEO程永:技术生态与阿里云开放创新
- 制造业转型: HyperX引领企业上云策略
- 赵维五分享:航空工业电子采购上云实战与运维策略
- 单片机控制的LED点阵显示屏设计及其实现
- 驻云科技李俊涛:AI驱动的云上服务新趋势与挑战
- 6LoWPAN物联网边界路由器:设计与实现
- 猩便利工程师仲小玉:Terraform云资源管理最佳实践与团队协作
- 类差分度改进的互信息特征选择提升文本分类性能
- VERITAS与阿里云合作的混合云转型与数据保护方案
- 云制造中的生产线仿真模型设计与虚拟化研究
- 汪洋在PostgresChina2018分享:高可用 PostgreSQL 工具与架构设计
- 2018 PostgresChina大会:阿里云时空引擎Ganos在PostgreSQL中的创新应用与多模型存储
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)