![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：编程语言是相通的, 掌握一门, 再学一门就会快很多
Collection
Collection
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>JavaScript测试</title></head><body><!-- //js代码由上往下执行，如果从外部加载进来，可以延时加载，关键字“defer"或把js脚本放到代码下面去。直接加载无效--><!--示例：<script src="" defer></script>--><!--如果js文件过大，又想同步执行，可以加入属性：async。如果js文件小就不需要了。示例：--><!--<script src="jquery.js" async></script>--><p>hello !!</p><div id="nav"><div id="index">这才是我要输入的内容</div></div><script defer>window.document.write("<p>这是从js里面打印出来的数据!!</p>");alert("欢迎光临");//js声明变量需要关键字varvar name = "admin";//需要在控制台打印console.log(name);//js可以想css一样设置样式。方法一：document.querySelector("#nav").style.border="1px solid red";document.querySelector("#nav").style.height="30px";document.querySelector("#index").style.border="1px solid black";document.querySelector("#index").style.width="200px";document.querySelector("#index").style.height="20px";</script><div id="nav1"><div id="index1">这才是我要输入的内容第二套方案；</div></div><script>// 方法二：给他一个变量来统一接收var nav1 = document.querySelector("#nav1");var index1 = document.querySelector("#index1");nav1.style.cssText="width:500px;margin:0 auto;height:50px;border:1px solid yellow;"index1.style.cssText = "width:320px;height:45px;font-size:20px;color:red;float:right;border:1px solid #000;";</script></body></html>
<!--//js中：变量区分大小写，并：函数同样区分大小写--><!--js函数更PHP相似--><script>//函数中可以直接访问外部变量//js拼接使用“+”号var name = "隔壁王";function a(){return name + "我是函数1";}function A(){console.log("我是函数2");console.log('我还是函数2');}console.log(a());A();</script>
<script>// js变量和常量比较抽象。可以理解为：常量就是固定不需要发生变化的值// 常量var name = '老王吧';// 变量var age = '30';console.log("name");// 打印变量不需要“”console.log(age);//更新ageage = "31";console.log(age);</script>
