JavaScript的三种用法

最新推荐文章于 2025-12-15 15:15:21 发布

原创最新推荐文章于 2025-12-15 15:15:21 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JavaScript如何在HTML中以行内、内部和外部三种方式嵌入的方法，包括具体的代码示例，帮助读者理解不同场景下JavaScript的使用。

行内

直接放在HTML的标签内：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" value="按钮" onclick="javascript:alert('提示')">
</body>
</html>

内部

放在HTML代码内：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
	<script type="text/javascript">
		document.write('javascript');
	</script>
</head>
<body>
</body>
</html>

外部

可以引用外部的js文件.
注意：使用这种方式后，script标签内的代码不会生效。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
</body>
</html>