快速入门 · uni-app跨平台移动应用开发

# 快速入门 JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到`<head>...</head>`中，或者把JavaScript代码放到一个单独的`.js`文件，然后在HTML中通过`<script src="..."></script>`引入这个文件： ```html <html> <head> <script src="quickstart.js"></script> <script> let name = "Jack" console.log(name) showMessage() //函数在quickstart.js中定义 </script> </head> <body> <h1>JavaScript 快速入门</h1> </body> </html> ``` > 由`<script>...</script>`包含的代码就是JavaScript代码，它将直接被浏览器执行。把JavaScript代码放入一个单独的`.js`文件中更利于维护代码，并且多个页面可以各自引用同一份`.js`文件。可以在同一个页面中引入多个`.js`文件，浏览器按照顺序依次执行。有些时候你会看到`<script type="text/javascript">`标签还设置了一个`type`属性： ~~~ <script type="text/javascript"> ... </script> ~~~ 但这是没有必要的，因为默认的`type`就是JavaScript，所以不必显式地把`type`指定为JavaScript。 ## 运行/调试JavaScript 要让浏览器运行JavaScript，必须先有一个HTML页面，在HTML页面中引入JavaScript，然后，让浏览器加载该HTML页面，就可以执行JavaScript代码。俗话说得好，“工欲善其事，必先利其器。”如何找出问题代码？这就需要调试。怎么在浏览器中调试JavaScript代码呢？首先，你需要安装Google Chrome内核的浏览器，Chrome浏览器对开发者非常友好，可以让你方便地调试JavaScript代码。安装后，随便打开一个网页，然后点击菜单“查看(View)”-“开发者(Developer)”-“开发者工具(Developer Tools)”（F12快捷键），浏览器窗口就会一分为二，下方就是开发者工具。先点击“控制台(Console)“，在这个面板里可以直接输入JavaScript代码，按回车后执行。要查看一个变量的内容，在Console中输入`console.log(a);`，回车后显示的值就是变量的内容。 ![](https://box.kancloud.cn/d247dfbb64c1acf2d78c70fa04639fdb_1001x598.png)