JavaScript初级教程——引入方式及调试方法

 

浏览器都内置JavaScript内核,所以使用JavaScript的时候,无需安装什么插件和第三方库,直接上手易学易操作,那么JavaScript应该写在页面的哪些地方?

一、JavaScript放置位置

1、写在头部

JavaScript可以直接嵌在html文件的<head></head>标签中,按照先后顺序执行。

例如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript学习教程</title>
<script type = "text/javascript">
console.log("hello javascript!")
</script>

</head>
<body>
</body>
</html>

2、在头部引入

JavaScript可以直接写在一个js文件格式里,在网页的头部或者或者尾部以src的形式引入。比较推荐用这种,可以使html内的代码保持整洁外,js文件也可以引入到其他文件中使用。

例如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript学习教程</title>
<script src="./javascript-01.js"></script>

</head>
<body>
</body>
</html>

二、JavaScript编写工具

其实可以用任何文件来编写JavaScript,如果只想编写JavaScript,只需要在编写完的文件改为.js格式的可以,那就是一个单纯的JavaScript文件了。

编写JavaScript的工具我强烈推荐Visual Studio Code,因为真的很轻便很好用,界面也很整洁智能。还可以在内部下载安装其他插件,都是自动化的,还可以当记事本使用。

另外就是webstorm,Notepad++等,我刚入门的时候用的是webstorm。

三、调试

调试可以在浏览器调试,F12会把调试界面调出来,或者【右键】浏览器【检查】然后可以在console中查看错误的代码和原因。可以在浏览器调试面板中会看到网页运行情况。 另外,console灵活使用的话,会大大提高调式效率

推荐阅读:

JavaScript数据类型——前端入门

JavaScript对象方法及this用法详解

JavaScript变量作用域及关系简明教程

JavaScript常见操作字符串方法

if…else, if…if…else和if…else if的使用情况

本文为博主原创文章,知识共享,开源精神,转载注明出处。