JavaScript0312笔记-优快云博客

本文详细介绍JavaScript基础知识，包括JS的引用方式、基本语法、标识符规则及流程控制语句。并通过实例展示如何利用JS根据用户输入或系统时间输出定制问候语。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS引用

1.外部样式表——创建.js文件
2.内部样式表——在和里

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

3.内联样式表——在元素中使用

多重样式表的优先顺序

多重样式表: 内联样式表>内部样式表>外部样式表；

Javascript

-知识点 ：

1.基本语法基于对象的事件

2.客服端脚本语言

3.脚本语言

基本语法：

标识符

1.第一个字符必须是字母、下划线（_）或美元符号这3种其中之一，其后的字符可以是字母、数字或下划线、美元符号；

2.变量名不能包含空格、加号、减号等符号；

3.标识符不能和JavaScript中用于其他目的的关键字同名

关键字

js中的关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等

保留字

在 JavaScript 中，一些标识符是保留关键字，不能用作变量名或函数名。

重点：嵌套

HTML4

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

HTML5

<script language="javascript" type="text/javascript" src="相对路径">

4.js写在元素里面。

拓展

1.用户输入一个时间
2.用变量存储
3 根据时间判断上午、下午或者晚上
4.给用户输出结果

转化

在js中如何让用户输入数据即输入法。
如何存储数据即变量
判断分支语句
如何输出数据即输出方法

如下：

<script>
	var a = prompt("请输入时间，时间为0-24");
		if(a<12){
		document.write("上午好");
	}else if(a<18){
		document.write("中午好");
	}else if(a<24){
		document.write("晚上好");
	}
</script>

掌握Javascript基础语法

掌握脚本的基本结构
掌握常用输入输出语句
掌握变量定义

根据客户电脑时间，在指定位置输出问候语句

简化：
1. 根据电脑时间，我们需要获取电脑时间
2. 需要变量来存储、判断分支语句，在指定位置输出问候语
3. 获取div的IE或者有“class“通过js获取元素方法。然后用变量存储在该获取的元素。

<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 test =document.getElementById("one");
		if(hours<=12){
		test.innerHTML="上午好";
	}else if(hours<=18){
		test.innerHTML="中午好";
	}else if(hours<=24){
		test.innerHTML="晚上好";
	}
</script>

流程控制语句

单分支

if

多分支

1. if else
2. switch

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

语法:

switch(表达式)
{
case值1:
  执行代码块 1
  break;
case值2:
  执行代码块 2
  break;
...
case值n:
  执行代码块 n
  break;
default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}