博客列表 >独孤九贱 JavaScript 笔记(一) —— js语句书写位置 及 调试

独孤九贱 JavaScript 笔记(一) —— js语句书写位置 及 调试

残羽的博客
残羽的博客原创
2017年09月25日 20:48:28791浏览

位置

位置一:

JavaScript代码写在html文件中,以 <script></script> 标签包裹。

例子:

demo.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
    document.write('PHP中文网');
</script>
</body>
</html>

tips:

如果js代码不涉及操作网页中的元素,可以将该标签写在 <head></head> 标签中。

如果js代码必须操作网页中的元素,必须写在 <body></body> 标签中的底部位置。等页面记载完以后再执行。


位置二(推荐方法):

将 js 代码写入独立的文件中(文件扩展名为“.js”),再将该文件载入 html 文件中。

例子:

demo.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="demo.js">    </script>
</head>
<body>
</body>
</html>

demo.js

document.write('PHP中文网');

tips:

这样做是为了是 js 的代码得到复用,提高效率。


调试

可以将 js 的语句写在浏览器开发者工具中的控制台中,用来调试或测试。


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议