加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

轻松打造弹出窗口

发布时间:2019-12-12 02:00:03 所属栏目:编程 来源:蓝点
导读:“怎样建造弹出式窗口?”,这是Dreamweaver初学者常常会问的题目。找个提供殊效的网站,或是Down个殊效器材粘贴一下代码不就得了!还不轻易。着实更轻易的要领是行使我们最常用的Dreamweaver。一样平常的弹出式窗口,简朴所在几下就可以完成。不信?来看看!只
“怎样建造弹出式窗口?”,这是Dreamweaver初学者常常会问的题目。找个提供殊效的网站,或是Down个殊效器材粘贴一下代码不就得了!还不轻易。着实更轻易的要领是行使我们最常用的Dreamweaver。一样平常的弹出式窗口,简朴所在几下就可以完成。不信?来看看!只要按以下几步操纵,你就能轻松地做出弹出窗口结果。

  1. 起首,从菜单栏中Window- >Behaviors (窗口- >举动)或直接按快捷键Shift+F3调出举动面板。

  2. 如图所示,按举动面板左上角的“+”号添加举动,在弹出的菜单中选择“Open Browser Window(弹出赏识器窗口)”举动。

  3. 选择了举动往后,就会弹出Open Browser Window对话框,如图所示。只要在对话框中填入响应的窗口信息,按“确定”后就可以完成对弹出窗口的定制了。个中

  “URL to Display”:为你想要在新窗口中表现网页的地点,你可以直接输入地点,也可以按“Browse”按钮指定。

  “Window Width”与“Window Height”:别离为新窗口的宽和高,单元为px。

  “Attributes”:为窗口的特征。

  “Navigation Toolbar”、“Menu Bar”、“Location Toolbar”、“Scrollbars as Needed”、“Status Bar”、“Resize Handles”

  别离代表器材栏、菜单栏、定位器材栏、转动条以及变动巨细手柄。选上响应位置前的对勾,就代表新窗口中具有响应的特征。

  “Window Name”:为方针窗口的名字。可以任意起一个,也可以指定框架组内某一窗口的名字。在建造弹出窗口时,名字任意起一个就可以了。

  完成了上面几步之后,举动面板将会酿成下面这个样子,暗示载入页面(onLoad)的同时,打开一个新的赏识窗口。

  现实上,在举动面板中添加举动的进程,就是Dreamweaver天生Javascript代码的进程。上面的几步中,天生了下列代码。在下面以粗体表现,“< !—”和“-- >” 之间的为该部门代码的注释:

< html
< head
< title >无问题文档< /title
< meta http-equiv="Content-Type" content="text/html; charset=gb2312"
< script language="JavaScript"
< !--< /script >< !—按照转达过来的值打开窗口 --
< /head
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes,resizable=yes,width=300,height=200')" > 弹出窗口结果< /html >

  你可以这样领略上面的代码:当onLoad变乱引发时(即当图象或页面竣事载入时),挪用MM_openBrWindow()要领,并将值“'yourpage.htm', 'winname', 'toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200'”(这里称为实参)传入对应的形参――“theURL,winName,features”,供window.open()行使。留意,三个参数都要用单引号括起来。在这些代码中,最要害的一句是:

“window.open(theURL,winName,features)”

  它的意思是在名为winName的窗口中,按 features的划定的特征打开 theURL地点上的页面。

  领略了代码的意思后,我们可以知道代码可以直接这样写:在< body >内插手onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200')"一句。这种写法与Dreamweaver自动天生代码的结果无异。

  我们已经知道window.open()内三个参数的意思――第一个为所要表现页的地点,第二个为方针窗口的名称,第三个则为窗口的外面特征的描写。第一、二个参数就不多讲了,我们讲一下第三个参数。对付第三个参数,我们可以这样写

“'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width=300, height=200,left=100, top=100'”

  在这里toolbar代表器材栏,location代表地点栏,directories代表导航条,status为状态栏,menubar为菜单栏,scrollbars为转动条,resizable为变动巨细手柄,而 width、height别离暗示窗口的宽和高,left、top则暗示窗口弹出的位置。Toolbar, location, directories, status, menubar, scrollbars, resizable的值可设为yes、no、1或0,yes(1)暗示新窗口具有该特征,no(0)则否。而width、height、left、top的值则应以数字填入,单元为px。

  讲了这么多,你领略了吗?在Dreamweaver中添加举动,建造弹出窗口是不是很简朴啊?手写代码也不是很难嘛!只要你再稍加实践,在很短的时刻内,你就会感受到:原本做弹出窗口,是这么简朴的!

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读