JavaScript 运行

运行

JavaScript 代码的执行方式跟 CSS 一样，同样的嵌套在 HTML代码中，同样的有三种方法。

<html>
<head>

 <script src="path_to/file.js" type="text/javascript" /> <!-- 1. JavaScript 文件载入 -->

 <script type="text/css"> <!-- 2. <script> 标签载入  -->
  alert('Hello JavaScript ~')
 </script>

</head>

<body>

 <em onclick="alert(' Hello JavaScript ~ ')"> JMJC.TECH </em> <!-- 3. 属性载入 -->

</body>
</html>

调试

浏览器一般都会自带一个前端调试工具，以 Chrome 为例，按 F12 键或者右键网页查看元素可以打开。

// console.log 是一个打印变量的函数，结果显示在调试工具的控制台

console.log('Hello ～')

注释

.js 文件的代码注释。

// alert('单行注释')

/*
 function() {
  alert('多行注释')
 }
 ... 
*/

分号

JavaScript 代码的结尾是否使用分号 ; 长期分为两派并且看对方互相不顺眼，双方都非常有理由也没有妥协下来，所以具体加不加分号就看团队和个人习惯。

publish : 8/31/2018, 10:45:21 AM / by: jmjc.tech

JavaScript 教程 JavaScript 运行

JavaScript 数据类型 JavaScript 数字 JavaScript 字符串 JavaScript 数组 JavaScript 对象 JavaScript Map JavaScript Set JavaScript null JavaScript undefined JavaScript 类型检测 JavaScript 包装对象

JavaScript 控制流程 JavaScript 条件判断 JavaScript 循环

JavaScript 函数 JavaScript 参数 JavaScript 匿名函数 JavaScript 箭头函数 JavaScript 递归 JavaScript 闭包 JavaScript 生成器

JavaScript 作用域 JavaScript this JavaScript 对象冒充 JavaScript 命名空间

JavaScript 迭代

JavaScript 面向对象 JavaScript class

JavaScript 内置对象 JavaScript Date JavaScript Math JavaScript JSON JavaScript RegExp

JavaScript 异步 JavaScript setTimeout JavaScript setInterval JavaScript 回调 JavaScript Promise JavaScript async await

JavaScript 异常处理 JavaScript console

JavaScript 浏览器 JavaScript window JavaScript DOM JavaScript 表单 JavaScript 文件上传 JavaScript cookie

JavaScript Ajax JavaScript 跨域请求

JavaScript 事件

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程