Web实训知识点-0312

最新推荐文章于 2024-06-27 23:20:14 发布

呱呱是27

最新推荐文章于 2024-06-27 23:20:14 发布

阅读量127

点赞数

本文链接：https://blog.csdn.net/weixin_44763854/article/details/88603103

版权

JavaScript是一种基于对象和事件驱动客户端脚本语言
基本结构：

<script>
javascript语句；
</script>

一、如何在html里面写js代码：
1直接写（内部）

<script type="text/javascript" language="JavaScript">
</script>

H5模式：

<script></script>

2外部引用：

<script src="路径"></script>

3内联模式

<input type="button" oncilk="alert('你确定？')"></input>

数据类型

基本数据类型	数值类型、布尔类型、字符串类型
符合数据类型	数组与对象
特殊数据类型	Null和undefine
–	–

常用输入输出语句

prompt（“提示信息”）;
document.write("");
alert("");

Date对象的方法

Seconds和Minutes	0至59
Hours	0至23
Day	0至6（星期几）
–	–
Date	0至31（月份中的天数
Months	0至11 （一月至十二月）
–	–

获取时间

var日期对象=new Date
var today = new Date（）；//获得当前是时间
var hh = today.getHours();获得小时、分钟、秒``
eg：

var mm = today.getMinutes();
var ss = taday.getSeconds();
document.getE1ementById("myclock").innerHTML=hh+":"+mm+":"+ss;

document对象

javascript通过docunemt类型表示文档。在浏览器中，document对象是HTML。document的一个实例，
表示整个HTML页面。document对象是window对象的一个属性。
document类型可以表示HTML页面或者基于XML页面的文档。
例如可以通过document对象访问HTML文档中的标签，这些文档标签称之为document的子节点，如HTML 、body以及body所包含的子标签等。

getElementById()	返回对拥有指定id的第一个集
getElementsByName()	返回带有指定名称的对象的集
getElementsByTagName()	返回带有指定标签的对象的集
–	–
write()	HTML表达方式的代码

练习

1：客户输入时间，电脑弹出问候语
简化：
客户输入时间
用变量来存储
根据时间判断上，中，下午
给用户输入结果

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

练习2：
根据客户电脑时间，在指定位置输出问候语（div）
简化：
根据电脑时间，我们需要获取电脑时间，获取时间的方法。
需要变量来存储
判断分支语句
获取指定div的id或者class，获取元素的方法
然后用变量存储获取的元素
通过元素来添加时间内容

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