日期:2014-04-20 浏览次数:20635 次
看了本文的标题,你可以认为我在故弄玄虚,打开网页用超级链接,还有谁不会?!还用得着专文讲吗?别急!看完本文你就明白了。我们在使用框架结构的网页设计中,有时需要同时在两个不同的框架窗口中打开网页。例如:有一个包含有三个窗口的页面,三个窗口分别是“Banner”(顶部窗口)、“contents”(下部左边窗口)、“main”(下部右边窗口),现在要求同时在“contents”窗口中打开“leftpage.htm”页面;在“main”窗口中打开“mainpage2.htm”页面。这样的效果光用一般的超级链接是无法实现的,但有了Dreamweaver3就不用多费神了,它的Behaviors的Go to URL动作就是为我们解决这种困难的。具体操作方法如下:
1、先做一个超级链接,链接指向在“main”窗口中打开“mainpage2.htm”网页,这一点在Dreamweaver3 中很容易做到,只要在链接的属性面板上选择一下“Target”的参数就行了;
2、在Dreamweaver3的编辑窗中打开“mainpage2.htm”网页,在网页的空白处(必须是网页的空白处,而不是表格或图层等的空白处)用鼠标点一下,然后按F8调出Behaviors面板,在面板上按“+”图标,在拉出的动作列表中选择“Go to URL”动作,将立即弹出如下图所示的对话框:
图1 “Go to URL”动作对话框
3、在上图的“Go to URL”动作对话框中:
“Open In:”右面的选择框中,列出了在当前网页的所有窗口,其中:“main window”是浏览器的主窗口;“frame "Banner"”是当前框架页面的“顶部窗口”;“frame "contents"”是当前框架页面的“下部左边窗口”;“frame "main"”是当前框架页面的“下部右边窗口”。在本例中我们选择“frame "contents"”;
URL:是供输入打开页面的文件名的(含相对路径)。在本例中输入“leftpage.htm”,你也可以点击它右边的“Browse...”按钮来打开文件夹选择要打开的网页。然后按OK按钮返回Behaviors面板;
4、在Behaviors面板的动作列表中点击“Go to URL”动作左边那个三角形按钮,在拉出的事件列表中选择onLoad事件,若事件列表中没有发现onLoad事件,那么说明你在第二步操作中点的不是网页的空白处,若你确实感到确定网页的空白处有困难,那么可参考本专题的“巧用Behaviors检测浏览器”一文中介绍的变通办法来处理。也可这样来确定网页的空白处:打开源代码检视窗,找到< body > 标记,在紧挨其后用鼠标点一下(这里肯定是网页的空白处之一),然后按F8调出Behaviors面板加载动作。
“Go to URL”动作的作用就是打开网页,它可以用许多事件来触发,也可以加载到许多HTML标记上,这也是告诉我们要打开网页并非一定要用超级链接,用“Go to URL”动作来打开网页也是很方便且非常灵活,而且根本不存在那讨厌的下划线。当然用超级链接也有其优点,如:使用方便且不用附加任何javascript程序。