关于JavaScript程序第一章_北大青鸟javascript第一章程序调试-优快云博客

本篇博客记录了作者在优快云平台上撰写的Web开发课程笔记，重点介绍了如何使用JavaScript根据当前时间生成问候语，同时涵盖了HTML、PHP、UI设计及JavaScript的学习要点。此外，还探讨了将JS代码放置于页面中合适位置的重要性，以及通过外部文件引入JS代码的原因和方法。

这学期，我们亲爱的专业老师要求我们在优快云平台上写笔记，该笔记主要由上课知识点，
章节回顾，实践操作等组成，这也算一个作业要求，所以在接下来几周我会陆陆续续更新笔记内容，
不全包括JavaScript，可能会包括一些关于网页编辑的一系列实践操作与笔记，
现在学大概有：HTML,PHP,UI设计，JavaScript等等。

下面进入主题,2019年3月12日笔记主要内容。

练习要求，根据用户时间，计算机反馈问候语。
代码如下：


<div id="one" style="color: aquamarine;width: 300px;height: 400px;border: 1px solid red">
<script>
    var date = new Date();
    var hours = date.getHours();
    document.write(hours);
    var text = document.getElementById("one");//将输出写入上面div样式
    if(hours<=12){
        text.innerHTML = "上午好"
    }else if(hours<=18){
         text.innerHTML = "中午好"
    }else if(hours<=24){
        text.innerHTML = "晚午上好"
    }
</script>

在上面要注意js代码块要放到div下方，不然将会影响输出位置不在div-one中，
如我现在以15点为例，上述代码将会是如下的显示方式↓↓↓

在这里插入图片描述

复习：

关于js引入外部文件

<script language="javaccript" type="text/javascript" src="file.js"></script>

为什么要引入外部文件？
因为后期网页含有大量的js代码，如果放在内部，将会使代码过于繁杂，并且实用性太低，第二次可用性几乎为零，引入外部文件的方法也适用于css层叠样式表。

document对象

getElementById()	返回对拥有指定id的第一个集
getElementsByName()	返回带有指定名称的对象的集
getElementsByTagName()	返回带有指定标签的对象的集

实验程序平台：WebStorm
游览器平台：Google Chrome