个性化阅读
专注于IT技术分析

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="./javascript-01.js"></script>

</head>
<body>
</body>
</html>
外部引入js文件-01

二、JavaScript编写工具

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

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

另外就是webstorm,Notepad++等,我刚入门的时候用的是webstorm,也好用。选择哪一款编辑器看个人喜欢了。

三、调试

作为一个程序员调试是必备的技能啊,不会调试你根本不知道错误出在哪里。调试可以在浏览器调试,F12会把调试界面调出来,然后可以在console中查看错误的代码和原因。可以在netword中查看文件的加载情况。

例如:

js调试-02
赞(0) 打赏
未经允许不得转载:srcmini » js引入方式及调试方法
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏