JavaScript基本语法与解释 （1️⃣）

JavaScript : 描述HTML文档属性。JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情

JS入门初级

插入JS

JS文件不能直接运行，需嵌入到HTML文件中执行

JavaScript代码可以放在html文件中任何位置，但是我们一般放在网页的head或者body部分。

• 在HTML文档中插入

在<script type="text/javascript"></script>标签内插入JS脚本

• 在HTML中引入JS外部文件

img

插入方法：<script src="script.js"></script>

<font color="red"><b>注意: </b></font> javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）

---

JS代码注释

• 单行注释，在注释内容前加符号 “//”。

• 多行注释以"/*"开始，以"*/"结束。

<script type="text/javascript">
  document.write("单行注释使用'//'"); 
   // 我是注释，该语句功能在网页中输出内容
     /*
    多行注释
    养成书写注释的良好习惯
   */
</script>

---

JS文本标签

1. .getElementById()函数

document.getElementById(),获取DOM节点

用.getElementById()函数 获取到id的所有标签,而获去标签的目的 往往是对这些标签进行操作，假如是文本标签，就可以进行改变字体颜色、大小等操作

实例： 修改p1的文档属性和输出 hello

<script  type="text/javascript">
    document.write("hello");
    document.getElementById("p1").style.color="blue";
</script>

解释：

• document.write("hello") : 打印在网页中——网页输出

• alert("hello") : 打印在对话框里————调试输出

• console.log("hello") : 打印在控制台———控制台输出

---

JavaScript变量

变量是用于存储某种/某些数值的存储器

JS 定义变量： var 变量名

注意：变量必须使用字母、下划线(_)或者美元符($)开始

例子：

var my_test;
my_test="javascript";
var my_num= "26";

注意：变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。另外，变量是弱类型的。

---

JavaScript判断语句

1. 基本判断

语法：

if(条件1)
{ 条件1成立时执行的代码 }
else if(条件2){
    执行条件3成立的代码
}
else
{ 条件都不成立时执行的代码 }

2. 三元运算符（条件?真成立:假成立）

3. switch case

注意：每一种case情况下都要加break，如果不加break，不管后面的代码是否成立都会被执行

---

本人系大一非科班小白，励志自学走向IT之路
喜欢的看官，不妨点个赞~😊