<script></script> 标签
要在 HTML 中使用 JavaScript ,需要使用 <script></script> 标签,并定义 type 属性值为 text/javascript ,正如前面的 alert 弹出提示框 例子所示:
<script type="text/javascript">
alert("我是提示文字!");
</script>
通常单独的 JavaScript 代码是没什么意义的, JavaScript 代码一般会结合 HTML 代码一起使用,因为 JavaScript 本来就是为了弥补 HTML 的缺陷而产生的。
JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> alert("我是提示文字!"); </script> </head> <body> <div>图片及文字内容</div> </body> </html>
也可以把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script type="text/javascript"> alert("我是提示文字!"); </script> <div>图片及文字内容</div> </body> </html>
还可以把JavaScript代码放到一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="/static/js/abc.js"></script> </head> <body> <div>图片及文字内容</div> </body> </html>
JavaScript 函数和事件
通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。
您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。