2025年四川省职业院校技能大赛（Web前端赛项）题库.docxVIP

2025年四川省职业院校技能大赛（Web前端赛项）题库

考试时间：______分钟总分：______分姓名：______

一、

请根据以下要求编写HTML和CSS代码，实现一个简单的导航菜单。

*HTML部分：使用`ul`、`li`、`a`标签创建一个包含三个菜单项（“首页”、“关于我们”、“联系方式”）的无序列表。每个菜单项的链接地址分别为`#home`、`#about`、`#contact`。

*CSS部分：为整个导航菜单设置一个统一的背景颜色；为每个`li`元素设置不同的边框样式和圆角；为鼠标悬停在菜单项上时添加下划线效果；确保导航菜单在页面中水平居中显示。

二、

请编写JavaScript代码，实现以下功能：

1.获取ID为`content`的`div`元素的内部文本内容，并将其存储在一个变量中。

2.为页面上的所有`p`标签添加一个点击事件监听器，当点击任意`p`标签时，弹出一个对话框显示该`p`标签的文本内容。

3.定义一个函数`changeText()`，该函数接收一个参数`elementId`，找到ID为`elementId`的DOM元素，并将其文本内容改为`文本已更改`。

4.在文档加载完成后，立即调用`changeText()`函数，并将参数设置为`header`（假设页面上有一个ID为`header`的元素）。

三、