js引入方式及调试方法

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="http://www.srcmini.com/javascript-01.js">< /script>< /head> < body> < /body> < /html>

js引入方式及调试方法

文章图片
二、JavaScript编写工具其实可以用任何文件来编写JavaScript,如果只想编写JavaScript,只需要在编写完的文件改为.js格式的可以,那就是一个单纯的JavaScript文件了。
编写JavaScript的工具我强烈推荐Visual Studio Code,因为真的很轻便很好用,界面也很整洁智能。还可以在内部下载安装其他插件,都是自动化的,还可以当记事本使用。
另外就是webstorm,Notepad++等,我刚入门的时候用的是webstorm,也好用。选择哪一款编辑器看个人喜欢了。
三、调试作为一个程序员调试是必备的技能啊,不会调试你根本不知道错误出在哪里。调试可以在浏览器调试,F12会把调试界面调出来,然后可以在console中查看错误的代码和原因。可以在netword中查看文件的加载情况。
【js引入方式及调试方法】例如:
js引入方式及调试方法

文章图片

    推荐阅读