Javascript实例教程(1) 创建弹出式窗口

2016-02-19 13:16 5 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Javascript实例教程(1) 创建弹出式窗口吧。

【 tulaoshi.com - Web开发 】

利用javascript创建弹出式窗口

好吧,言归正转,开始我们的第一个教程吧。利用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,

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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


}


/SCRIPT


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


FORMINPUT TYPE = "button" VALUE = "创建窗口"


onClick = "CreateWindow()"/FORM

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1603575.html

延伸阅读
标签: Web开发
利用javascript创建一个“后退”连接 在JavaScript中实现一个“后退”连接是相当容易的。这个“后退”连接的功能的作用就象网页中“后退”按钮一样,具体你可以使用以下代码: FORM input type=button value="Go Back" /FORM 你仔细点就会发现,这段代码实际上是使用了history.back()函数而已。这点又是JavaScript功能函数强大的一个体...
标签: Web开发
HotMetal PRO 6.0是强大易用的网站编辑和发布工具。在本教程中我们在HotMetal中使用javascript。在HotMetal中,JavaScript支持是基于HotMetal为你提供了丰富的资源以及对象。它包含了几个新的对象,比如访问DOM的对象。另外,HotMetal支持一些ActiveX控件。这些控件以及Windows脚本支持使得HotMetal成为了JavaScript设计人员一个不可多的功能强...
标签: Web开发
使用javascript中的OLE Automation 在前面的教程中我们已经有提到JavaScript中的OLE Automation。在本节的教程中,我们将一起来讨论一下JavaScript是怎样利用Automation的强大功能来扩展服务端脚本的能力的。 实际上Automation并不是新的事物。它已经在好几年前就流行了,但是被ActiveX脚本语言的支持是一个新的应用。如果你已经有了Visua...
标签: Web开发
前言:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息   、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段javascript代码即可实现。下面我就带您剖析它的...
标签: Web开发
使用JavaScript的日期函数 Date(日期)对象可以使用Date()构造器来创建,在前面的教程中我们已经介绍了Date()构造器,这里就不重复叙述。它没有参数,返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入: var today = new Date();  返回当前的日期和时间   var newyear = new Date("December 31, 1998 23:...

经验教程

375

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部