学习目标:
JavaScript基础(了解js语言)
学习内容:
JavaScript的用法:
HTML 中的脚本必须位于 之间的 JavaScript 代码 。
2.函数的基本的调用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>
1.h是我的标题
2.p是我的标签/ 这个标签有一个id值名字为demo
是一个按钮/按钮有一个点击事件
当我点击这个按钮的时候会调用一个函数
这里可以看到我们myFunction这个函数这个函数里面
有一个获取id的语句就是doucument.get
ElementByid(“demo”)。
3.innerHTML是一个输出语句,这里调用了这个函数
之后会将原来的值覆盖掉。
3.JavaScript的输出语句
JavaScript 没有任何打印或者输出的函数。
JavaScript 可以通过不同的方式来输出数据:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
接下来就是操作HTML元素
普遍都是通过获取元素的id值来操作
语句:document.getElementById(id)
工作也会经常用到
其次就是js页面的调试代码,按住f12,会出现
选择Console就可以了。(工作经常会用到)
4.JavaScript的基本语法
JavaScript 是一个脚本语言。
它是一个轻量级,但功能强大的编程语言。
java语言和JavaScript有很多区别。
JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。
学习时间:
提示:这里可以添加计划学习的时间
例如:
1、 周一至周五晚上 7 点—晚上9点
2、 周六上午 9 点-上午 11 点
3、 周日下午 3 点-下午 6 点
学习产出:
提示:这里统计学习计划的总量
例如:
1、 技术笔记 2 遍
2、CSDN 技术博客 3 篇
3、 学习的 vlog 视频 1 个