夜光序言:
谁,执我之手,消我半世孤独;谁,扶我之肩,驱我一世沉寂。
正文:一个完整的JavaScript实现应该由以下三个部分组成:
ECMAScript:核心 比如6/7版本,基础,底层
DOM:文档对象模型
BOM:浏览器对象模型
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。 【但是需要自己灵活思考】
例子1:写入 HTML 输出流
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>夜光</title>
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中:
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
嗯~~只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果我们在文档已加载后使用它(比如在函数中),会覆盖整个文档。
</p>
</body>
</html>
我们学习了前端框架之后,发现很多js的应用场景
JavaScript:对事件的反应
alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。【抛出一样东西,后台开发差不多也会用到这种思想,输出一个东西看看】
onclick 事件只是众多事件之一。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>夜光</title>
</head>
<body>
<h1>嗯唔 JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击:
</p>
<button type="button" onclick="alert('Genius团队')">点我·</button>
<button type="button" onclick="alert('成员:夜光')">@成员</button>
</body>
</html>