JS-02-javaScript快速入门

一、javaScript代码的编写位置

JavaScript代码可以直接嵌在网页的任何地方，但是一般，我们用如下编写方式。

1-1、直接写到HTML文件中

通常我们都把JavaScript代码放到<head>中，由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。

<html>
<head><script>// javaScript代码alert('Hello, world');</script>
</head>
<body>...
</body>
</html>

1-2、单独的JS文件

第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="本地的JS文件路径"></script>引入这个文件：

<html>
<head><!-- 引入JS文件 --><script src="/static/js/abc.js"></script>
</head>
<body>...
</body>
</html>

优点：

把JavaScript代码放入一个单独的.js文件中更利于维护代码；

多个页面可以各自引用同一份.js文件；

也可以在同一个页面中引入多个.js文件；

还可以在页面中多次编写<script> js代码... </script>，浏览器按照顺序依次执行。

有些时候你会看到<script>标签还设置了一个type属性：

<script type="text/javascript">...
</script>

但这是没有必要的，因为默认的type就是JavaScript，所以不必显式地把type指定为JavaScript。

二、javaScript的文本编辑器

Visual Studio Code

微软出的Visual Studio CodeVisual Studio Code，可以看做迷你版Visual Studio，免费！跨平台！内置JavaScript支持，强烈推荐使用！

Notepad++

Notepad++也是免费的文本编辑器，但仅限Windows下使用。

IntelliJ IDEA

强大的IDEA也能实现JS的编写，但是需要破解，否则试用期只有30天。

注意：

1、不可以用Word或写字板来编写JavaScript或HTML，因为带格式的文本保存后不是纯文本文件，无法被浏览器正常读取。

2、也尽量不要用记事本编写，它会自作聪明地在保存UTF-8格式文本时添加BOM头。

三、javaScript的运行

需要架设一个Web服务器！

要让浏览器运行JavaScript，必须先有一个HTML页面，在HTML页面中引入JavaScript，然后，让浏览器加载该HTML页面，就可以执行JavaScript代码。

我的本地电脑上创建好HTML和JavaScript文件，然后用浏览器打开，可以吗？

这种方式运行部分JavaScript代码没有问题，但由于浏览器的安全限制，以file://开头的地址无法执行如联网等JavaScript代码，最终，你还是需要架设一个Web服务器，然后以http://开头的地址来正常执行所有JavaScript代码。

四、javaScript的基本调试

在浏览器中调试JavaScript代码。

首先，安装Google Chrome浏览器。

安装后，随便打开一个网页，然后点击菜单“查看(View)”-“开发者(Developer)”-“开发者工具(Developer Tools)”，浏览器窗口就会一分为二。

先点击“控制台(Console)“，在这个面板里可以直接输入JavaScript代码，按回车后执行：

要查看一个变量的内容，在Console中输入console.log(a);，回车后显示的值就是变量的内容。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/728470.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！