JavaScript_note_1

JavaScript介绍

课程细节记录：

1.JavaScript语言的每一条语句必须以；结尾。

2.对JavaScript而言双引号和单引号引用字符串没有区别。

JavaScript简介

JavaScript是一种可以在浏览器中运行的脚本语言，主要用来实现在浏览器端的动作，如用户交互和数据处理等。

html是内容
css是格式
JavaScript是动作

JavaScript是解释性语言，JavaScript的源代码放在html中

HTML中的JS

在head中定义函数：

<script language="JavaScript">

在相应的标记中定义动作：

<onXXX=" ">

完整代码：

<html>
  <body onLoad="alert('hi')">
    <script>
      document.write("<h1>Hello World!</h1>");
      // document是一个对象,"点"是个运算符(表示做动作的符号)
    </script>
  </body>
</html>

只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

课后补充

JavaScript 用法

HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。

Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在 <script> 标签的 “src” 属性中设置该 .js 文件：

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Chrome 浏览器中执行 JavaScript

这是在网页中运行js脚本的常用方法

在 Chrome 浏览器中可以通过按下 F12 按钮或者右击页面，选择 “检查” 来开启开发者工具。
打开开发者工具后，我们可以在 Console 窗口调试 JavaScript代码。
我们也可以在 Chrome 浏览器中创建一个脚本来执行，在开发者工具中点击 Sources 面板，选择 Snippets 选项卡，在导航器中右击鼠标，然后选择 Create new snippet 来新建一个脚本文件。保存后，右击文件名，选择 “Run” 执行代码。

Charles's Castle

JavaScript_note_1

JavaScript_note_1

JavaScript介绍

课程细节记录：

JavaScript简介

HTML中的JS

完整代码：

课后补充

JavaScript 用法

外部的 JavaScript

Chrome 浏览器中执行 JavaScript