Web实训

最新推荐文章于 2019-05-14 20:42:44 发布

四次元的lucly

最新推荐文章于 2019-05-14 20:42:44 发布

阅读量342

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44762420/article/details/88579225

1 Javascript基本特点

Javascript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常Javascript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows,Linux,Mac,Android,ios等）。

2 Javascript基本特征

基于对象。
简单性。
动态性。
平台无关性。
安全性。

Javascript基本语法

（1）在网页中使用Javascript

Javascript代码是一种纯文本语言，因此任何一种文本编辑，例如“记事本”，或者是编辑HTML的工具，如下面介绍如何在网页中嵌入Javascript脚本代码。

创建Javascript脚本片段
使用外部的Javascript文件

Javascript文件的后缀名为“js”,我们首先需要创建一个Javascript文件 ,保存在站点中，再使用下面的方法将外部Javascript脚本文件引入到当前页面：

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

创建javascript脚本片段（在HTML内）

html4版本

</script>

htnl5版本

</script>

七个类型：

1.基本数据类型

数值类型
布尔类型
字符串类型

2.复合数据类型

数组和对象

3.特殊数据类型

Null和undefine

在js中如何让用户输入数据即输入方法

prompt("请输入时间：")

如何存储数据即变量存储

a=prompt("请输入时间：")

判断即分支语句

if(a<=12){

}else if(a<=18){

}else if(a<=24){

}

总体代码：

<script>
       a= prompt("请输入时间(eg:下午16点 即输入;16)时间为0-24,");

        if (a<=12){
              document.write("上午好")
        }else if(a<=18){
            document.write("中午好")
        }else if(a<=24){
            document.write("晚上好")
        }
    </script>

<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>

<body>
<div id="myclock" style="color: #255e95;"></div>
<script>
    var today = new Date();
    var hh=today.getHours();
    var mm=today.getMinutes();
    var ss = today.getSeconds();
    document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;
</script>
</body>