2023.1.16

课程：第一部分：静态页面

一、掌握知识

知识点：

1. 页面之间相互引入

2. js提取公共部分

3. 一个页面对应一个属于自己的css，有公共css直接引入即可

4. 页面点击按钮进行跳转

5. css的定时器：移动：动画：轮播

ps：本节课主要重复上一节的知识点

二、难点与解决办法

上课前在自己做页面的时候，主要遇到了三个问题

1. 不会在页面中插入地图

2. 无法实现页面间的点击跳转，onclick键的设置不起作用

3. 无法实现页面间的引入

解决办法：

1. 通过看录课视频，解决了用百度地图API插入地图的问题

2. 页面间的跳转在设置onclick键时需注意键值的大小写

            <div id="dh">
                <div Onclick="window.location.href='index.html' ">网站首页</div>
                <div Onclick="window.location.href='company.html' ">公司简介</div>
                <div Onclick="window.location.href='news.html' ">新闻中心</div>
                <div Onclick="window.location.href='home.html' ">产品中心</div>
                <div Onclick="window.location.href='message.html' ">在线留言</div>
                <div Onclick="window.location.href='contact.html' ">联系我们</div>
            </div>

3. 通过jQuery引入html页面