任务1-4　JavaScript实现动态改变网页字体大小及关闭网页窗口

【任务描述】

网页0104.html的底部导航栏如图1-5所示，分别单击超链接“大”、“中”、“小”，可以动态改变网页中文本的字体大小，单击超链接“关闭”会弹出“是否关闭此窗口”提示信息对话框，在该对话框单击【是】按钮，将会关闭此网页窗口。编写代码实现此功能。

图1-5　网页0104.html的底部导航栏

【思路探析】

（1）通过设置HTML元素的样式属性style.fontSize来改变网页中文本的字体大小。

（2）通过调用window对象的close()方法实现关闭网页窗口。

【特效实现】

自定义函数setFontSize()对应的代码如表1-8所示。

表1-8　自定义函数setFontSize()对应的代码

表1-8中自定义函数setFontSize()带有1个参数，该参数用于传递字体大小数值，从JavaScript访问某个HTML元素，可以使用document.getElementById(id)方法。使用“id”属性来标识HTML元素。通过document.getElementById('bc')找到id为“bc”的元素，然后改变该元素的样式属性值。

网页0104.html的底部导航栏对应的HTML代码如表1-9所示。

表1-9　网页0104.html的底部导航栏对应的HTML代码