web前端学习(四)JavaScript学习笔记部分(1)-- JavaScript基础教程

时间:2024-09-06 22:07:50

1、JavaScript基础教程

1.1、Javascript基础-介绍、实现、输出

1.1.1、JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端、pc端、移动端。

1.1.2、JavaScript脚本语言

  JavaScript是一种轻量级的编程语言

  JavaScript是可插入HTML页面的变成代码

  JavaScript插入HTML页面后,可由所有的浏览器执行

1.1.3、JS用法:

  HTML中的脚本必须位于<script></script>标签之中

  脚本可被放置在HTML页面的<body><head>部分中

1.1.4、JS标签:

  在HTML中插入JavaScript,使用<script>标签

  在<script></script>之间书写代码

1.1.5、JavaScript使用限制

  在HTML中,不限制脚本数量

  通常会把脚本置于<head>标签中,以不干扰页面内容。

1.1.6、JavaScript输出

  JavaScript通常用来操作HTML

  文档输出:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="test.js"></script>
<script>
document.write("JS在上面的一句话");
</script>
</head>
<body>
<p id="pid">hello</p>
<div>
div1
</div>
<script>
document.write("JS在中间的一句话");
document.getElementById("pid").innerText = "jikexueyuan";
</script>
</body>
</html>

1.2、Javascript基础-语法和注释

1.2.1、分号:

   注意:分号是可选项,有时候可以看到不以分号隔开的。

1.2.2、执行顺序:

  按照编写顺序依次执行

1.2.3、标识符:

  JavaScript标识符必须以字母、下划线或美元符号开始

  JavaScript关键字

1.2.4、JavaScript对大小写敏感

1.2.5、JavaScript会忽略掉多余的空格

1.2.6、保留字

  web前端学习(四)JavaScript学习笔记部分(1)-- JavaScript基础教程

1.2.7、注释和C++注释方法一样

  //、/**/

1.3、Javascript基础-变量和数据类型

1.3.1、变量是用来储存信息的容器

1.3.2、JavaScript数据类型

  字符串(string)

  数字(Number)

  布尔(Boolean)true、false

  数组(Array)

  对象(Object)

  空(null)

  未定义

  可以通过赋值为null的方式来清除变量

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = 10;
var j = 10;
var k = i + j;
document.write(k);
/*这里的k是20*/
</script> <script>
var arr = ["hello","jike","xueyuan","women"];
var arr2 = new Array("hello","jike","xueyuan","women");
document.write("<br/>"+arr+"<br/>");
/*输出arr数组内全部的变量*/
document.write(arr2+"<br/>"); // var arr3[4] = ["hello","jike","xueyuan","women"];
/*上面这句代码有问题,说明不能用var定义固定长度的数组*/
// document.write(arr3[3]+"<br/>"); var n = null;
document.write(n);
/*上面这一句不是什么都不输出,会写一个null字符串*/ arr = null
document.write(arr); </script> </body>
</html>