您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
一纸荒年 发布于2019年12月02日 23:11

原创 JavaScript用法

23 次浏览 读完需要≈ 5 分钟 JavaScript

内容目录

语法

JavaScript代码可放置于HTML 页面的 <body><head> 部分中的<script> 与 </script> 标签之间。

<script>
    alert("我的第一个 JavaScript");
</script>
<!DOCTYPE html>
<html>
	<body>
		<script>
			alert("我的第一个 JavaScript");
		</script>
	</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<script>
		alert("我的第一个 JavaScript");
	</script>
</head>

<body>
	<h1></h1>
	<p>内容</p>
</body>
</html>

当HTML页面加载时候,浏览器会解释并执行位于<script></script>之间的JavaScript代码。而且可以在 HTML 文档中放入不限数量的脚本。

通常的做法是把函数放入 <head> 部分中,或者放在页面底部。HTML文档中顺序依次从上到下解析,不会干扰页面的内容。

JavaScript外部引入

JavaScript脚本可以保存到外部文件中,文件的文件扩展名是 .js,并通过<script>标签的 "src" 属性引入。

<!-- HTML4 and (x)HTML -->
<script type="text/javascript" src="javascript.js">

<!-- HTML5 -->
<script src="javascript.js"></script>

JavaScript 函数和事件

HTML页面加载执行通常会需要某个事件触发或者达到某种酷炫的效果,需要引入函数与事件。比如触发按钮点击。

您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。

<!DOCTYPE html>
<html>
<body>
	<h1>标题</h1>
	<p>一个段落</p>
	<button type="button" onclick="hit()">尝试一下</button>
	<script>
		function hit() {
		    document.getElementsByTagName("button").innerHTML="触发点击函数";
		}
	</script>
	</body>
</html>

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论