WEB笔记 3-12-CSDN博客

本文链接：https://blog.csdn.net/jufkgo/article/details/88662481

WEB笔记 3-12

javaScript是一种基于对象和事件驱动的客户端脚本语言。

1.JavaScript特点：
<1>.是一种解释性脚本语言（代码不进行预编译）。
<2>.主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
<3>.可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
JavaScript基本结构

<script type="text/javascript">
    <
          JavaScript 语句;
    >
</script >

3.引用JavaScript的方式：
<1>.html5版本：
使用标签
<2>.使用外部JavaScript文件：

<script src="export.js"  type="text/javascript"></script>

<3>.在属性值中使用JavaScript：

<input type="button" value="提交" onclick="alert(确定要提交吗)"；/>

js实例
1.根据用户输入时间，输出问候语

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
     <script>
        a = prompt("请输入时间。")
        if(a<12){
            document.write("早上好")
        }else if(a<18){
            document.write("下午好")
        } else if(a<24){
            document.write("该休息了")
        }
    </script>
</head>
<body>
</body>
</html>

2.根据客户电脑时间，在指定位置输出问候语（div）

<body>
<div id="one"style="color: #255e95; width:100px;height:100px;border:1px solid red"></div>
<script>
    var date=new Date();
    var hours=date.getHours();
    var text=document.getElementById("one");
    if( hours<=12){
        text.innerHTML="上午好"
    }else  if ( hours<=18){
        text.innerHTML="中午好"
    }else  if( hours<=24){
    text.innerHTML="晚上好"
    }
</script>
</body>