位置
位置一:
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 的语句写在浏览器开发者工具中的控制台中,用来调试或测试。