js入门总结
程序员文章站
2022-06-30 19:13:18
...
JS的引用
1.外部样式表——创建.js文件
2.内部样式表——在和里<script type="text/javascript"></script>
3.内联样式表——在元素中使用
多重样式表的优先顺序
多重样式表: 内联样式表>内部样式表>外部样式表；
Javascript
-JS知识点 ：
1.js是一门什么样的语言及特点？ js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言。也是一种广泛用于web客户端开发的脚本语言，常用来给html网页添加动态功能，如响应用户的各种操作。 主要的目的是为了解决服务器端语言遗留的速度问题，为客户提供更流畅的浏览效果。2.什么情况会出现undefined？
当只声明变量，并未赋值初始化的时候这个变量的值就是undefined；
(拓展：解释原因？)
var a=null;
console.log(typeof a); // object
null是一个只有一个值的数据类型，这个值就是null。表示一个空指针对象。所以typeof返回object；
| 1.基于对象和事件 | |
|---|---|
| 2客户端脚本语言 | |
| 3——---脚本语言 |
基本语法：
标识符注意
1.第一个字符必须是字母、下划线（_）或美元符号这3种其中之一，其后的字符可以是字母、数字或下划线、美元符号；
2.变量名不能包含空格、加号、减号等符号；
3.标识符不能和JavaScript中用于其他目的的关键字同名；
、、
19.0312
重点：嵌套
html标准
<script language="javascript" type="text/javascript"></script>
H5标准
<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>
掌握JS基础语法
- 掌握脚本的基本结构
- 掌握常用输入输出语句
- 掌握变量定义
————————————————————————————————————————————
根据客户电脑时间，在指定位置输出问候语句
简化：
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>
上一篇： js 箭头函数 this
下一篇： 廖雪峰JS学习总结-入门篇