使用表单元素和JavaScript对象相结合可以模拟浏览器的一些功能,例如访问一个网址,前进后退,刷新页面等等,利用这个特性,可以制作出自己的浏览器。当然这个浏览器的功能比起真正的浏览器是相差很多的,但它的工作原理也是基于真正的浏览器的。下面我们就使用history对象来完成浏览器的后退、前进、刷新等功能的模拟。
操作步骤:
(1)打开FrontPage 2003,新建页面,然后执行【格式】|【样式】,会弹出【样式】对话框,在【列表】下拉菜单中选择【用户定义的样式】,单击【新建】按钮,弹出【新样式】对话框,在【名称】中输入button1。
(2)单击【格式】按钮,在弹出菜单中择【字体】,弹出【字体】对话框,设置【字体】为普通,【大小】为12px。单击【确定】按钮,再在弹出菜单中选择【边框】项,弹出【边框和底纹】对话框,单击【底纹】选项卡,切换到【底纹】子面板,单击【背景图片】后的【浏览】按钮从本书配套光盘中/FrontPage/第9章/sc/002.gif添加图片。
(3)单击【边框】选项卡,切换到【边框】子面板,设置参数【设置】为方框,【样式】为实线,其他参数设置。在【格式】弹出菜单中选择【定位】,弹出【定位】对话框,设置【位置与大小】中【宽度】为71,【高度】为20。然后单击【确定】按钮。

(4)完成样式button1设置。然后按照步骤(1)-(3)的操作方法,新建样式button2,button3,text1,其中样式button2的【背景图片】从本书配套光盘中/FrontPage/第9章/sc/001.gif加入。样式button3的【背景图片】从本书配套光盘中/FrontPage/第9章/sc/003.gif加入。
(5)将光标置于空白页面中执行【插入】|【表单】|【表单】命令,插入表单,然后单击右键,在弹出的快捷菜单中,选择【表单属性】,会弹出【表单属性】对话框,设置【表单名称】为form1。然后单击【确定】按钮。
(6)将光标置于表单内,执行【表格】|【插入】|【表格】命令,弹出【插入】表格对话框,设置参数,在【大小】中设置【行数】为2,【列数】为1,选中【指定宽度】复选框,为100百分比,【指定高度】为71像素。其他设置。
