JavaScript 用法 登录

JavaScript 用法

<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 函数和事件的知识。 



下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>获取当前时间</p> <script> document.write(Date()); </script> </body> </html>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送