JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>
中:
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
...
</body>
</html>
由<scirpt>...</script>包含的代码就是JS代码,直接被浏览器执行
第二种方法就是把JS代码放在一个单独的.js文件中,然后再HTML中通过<script src="..."></script>引入这个文件:
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
这样,/static/js/abc.js 就会被浏览器执行。
<u>把JS代码放入一个单独的.js文件中更利于维护代码,</u>并且多个页面可以各自引用同一份.js文件。
可以在同一个页面引入多个.js文件,还可以在页面中多次编写<script>js代码...</script>,浏览器按照顺序依次执行。
有些<script>标签还设置了一个type属性:
<script type="text/javascript">
</script>
现在默认的type就是javascript,所以不必显示把type指定为javascript。
注意:可以用任何文本编辑器来编写JS代码。但是不可以用word或写字板来编写js或者html,因为带格式的文本保存后不是纯文本文件,不能被浏览器正常读取。
<h2>如何运行JavaScript</h2>
必须要现有一个Html页面,在html页面中引入js,然后让浏览器加载该html页面。就能执行js代码。
由于浏览器的安全限制,<u>以file://开头的地址无法执行如联网等js代码</u>,最终还是需要架设一个web服务器,然后以http://开头的地址来正常执行所有的Js代码。
<h2>调试代码</h2>
安装chorme浏览器→F12(或鼠标右键-检查),点击“控制台(console)”,在这个面板里直接输入js代码,回车执行。<u>要查看一个变量的内容,在console中输入 console.log(a);</u>,回车后显示的值就是变量的内容,也可以研究开发者工具的“源码(sources)”,掌握端点、单步执行等高级调试技巧。
----------------------------------------------------------------------学自<廖雪峰>的Js教程