基础语法

一、JavaScript 编写方式

位置一： HTML代码里

<a
	href="https://www.baidu.com"
	onclick="alert('百度一下')"
	>百度一下</a
>

位置二： script元素内

<a
	class="google"
	href="https://google.com"
	>Google一下</a
>
<script>
	var googleAEl = document.querySelector('.google')
	googleAEl.onclick = function () {
		alert('Google一下')
	}
</script>

位置三： 独立 js文件

<a
	class="bing"
	href="https://bing.com"
	>bing一下</a
>
<script src="./01-bing.js"></script>

// 01-bing.js
var bingAEl = document.querySelector('.bing')
bingAEl.onclick = function () {
	alert('Bing一下')
}

二、nosctipt 元素的使用

如果运行的浏览器不支持 JavaScript，需要一个页面优雅降级的处理方案，noscript 被用于给不支持 JavaScript 的浏览器提供代替内容。

<noscript>
	<h1>您的浏览器不支持JavaScript,请开启JavaScript或者更换浏览器</h1>
</noscript>

三、JavaScript 注意事项

1. script元素不能写成单标签。
2. 省略 type属性（JavaScript 是所有现代浏览器以及 html5 中的默认脚本语言）。
3. 加载顺序，script 作为 html 文档内容的一部分，JavaScript 默认遵循 html 文档的加载顺序，即自上而下的加载顺序，推荐将 JavaScript 代码和编写位置放在 body`子元素的最后一行。
4. JavaScript 代码严格区分大小写。

四、JavaScript 交互方式

交互方式一： alert 函数：接受一个参数

alert('Hello alert')

交互方式二： console.log 函数：接受多个参数

console.log('Hello console.log')

交互方式三： document.write 函数：接受多个参数

document.write('Hello document.write')

交互方式四： prompt 函数：接受一个参数

var result = prompt('请输入内容：')
alert('你输入的内容是：' + result)

五、JavaScript 语句和分号

语句： 是向浏览器发出的指令，通常表达一个操作或者行为。

alert('hello world')
alert('hello guangzhou')

分号：存在换行符时，可省略分号，JavaScript 将换行符理解成“隐式”的分号，称为自动插入分号。

六、JavaScript 注释方式

注释一： 单行注释

// 这是一段单行注释

注释二： 多行注释

/* 这是一段多行注释 */

注释三： 文档注释

/**
 * sayHello的函数 - 这是一段文档注释
 * @param { string } name 姓名
 * @param { number } age 年龄
 */
function sayHello(name, age) {
	console.log(name, age)
}

sayHello('Mocha', 20) // Mocha 20