目录
这篇文章有点长，大家可以根据目录按需分次看
一、JavaScript 简介
Javascript 简称为 JS，在web中用作用于给整个页面添加一些动态效果，例如动态改变页面某个元素的css属性，或给整个页面添加较为流程的用户体验，基础的 JS 学习 一般直接在 web 中嵌入即可。
二、JavaScript 基础入门
2.1 JavaScript HelloWorld
JS代码添加在标签 <script> </script> 之中，通过 JavaScript 写的一段 HelloWorld脚本来了解 JavaScript 代码的写法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 基础入门</title>
</head>
<body>
<p id="p_id">
这是P元素内容
</p>
<script>
document.write("HelloWorld");
</script>
</body>
</html>
运行结果：
代码解析：
重点看标黄的代码，这就是JS代码，放在一对 <script></script> 标签里， <script></script> 标签中的 document.write("HelloWorld") 指的是在当前文档中写入一个字符串，这个字符串是 HelloWorld。其中的 document 指 html 文档，文档是一个类，write 指这个文档类别对象里面的一个写入功能，也就是 write（）函数，写入内容需要一个文本来表示，这个文本就是 HelloWorld。在 document 和 write 之间有一个“ . ”，这个点表示当前文档调用 wirte 这个功能，是面向对象的。在 JS 里字符串要用双引号标识，所以“HelloWorld”字符串用双引号标识。
注意：在<script></script>标签里，写完一行内容要记得加分号 “ ；”
JS代码可以换位置，数量也不限制，示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 基础入门</title>
</head>
<body>
<script>
document.write("我是放在前面的 Hello World");
</script>
<p id="p_id">
这里是 p 元素中的内容。
</p>
<script>
document.write("我是放在后面的 Hello World");
</script>
</body>
</html>
运行结果：
2.2 JavaScript 变量、命名及作用域
（1）JavaScript 变量 var：
变量就是一块存储空间，这块存储空间里一开始没有存储值，变量的创建也叫做 声明 ，声明的时候没有给变量赋值：如 var Name，这里用 var 说明我们声明的是一个变量，变量名为 Name，这个时候我们开辟了一块叫做 Name的存储空间，但是里面没有值，变量的赋值用一个 = 表示，如：Name = " BingDwenDwen "，这个时候变量名为 Name 的存储空间里存放的值是字符串"BingDwenDwen
最低0.47元/天 解锁文章
17万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
