JavaScript入门（引入方式/注释/语法）

JavaScript入门

前端分为三层：

结构层(HTML) 定义网页的内容
表现层(CSS) 定义元素如何显示 描述网页的布局
行为层(JavaScript) 定义网页的行为
知识
作者：布兰登·艾奇(Brendan Eich)
1995诞生，Netscape(网景) Navigatror 和 Sun 合作 Java
LiveScript
1997 将Javascript1.1作为蓝本提交给欧洲计算机制造商协会(ECMA)
ECMAScript(核心语法)

JavaScript分为三部分
1.ECMAScript(js核心语法部分)
2.DOM(文档对象模型) Document Object Model
3.BOM(浏览器对象模型) Browser Object Model

JavaScript的引入方式
1.外部脚本的使用

<script src="js文件路径" type="text/javascript"></script>

2.内部脚本的使用

<script type="text/javascript">
    console.log("内部js代码")  
</script>

3.行内使用js

<button onclick="javascript:alert('行内嵌入js')">按钮</button>

注意：一般情况下，我们会将引入的js文件添加到html文件的末尾。代码自上而下加载，将js文件引入到文件末尾，有助于获取页面中的元素。

JavaScript的注释
1.单行注释

<script>
// 单行注释  
// console.log("单行注释")
console.log("打印")// 注释注释的内容
</script>

2.多行注释

<script>
    /*
      var a=10;
      var b=20;
      声明两个变量
    */
</script>

JavaScript的语法
1.变量

// 变量的声明
var a;

// 变量的赋值
a=10;

2.声明方法

//func方法名
function func(){// 执行的代码}

3.数据类型
4.操作符
5.Js语句
6.关键字
7.函数
…