JavaScript简介

最新推荐文章于 2022-05-13 10:23:55 发布

原创最新推荐文章于 2022-05-13 10:23:55 发布 · 672 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #编程语言

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍JavaScript的基础知识，包括其特点、用途及如何在HTML中使用。涵盖JavaScript与Java的区别、ECMAScript标准，以及如何通过内联或外部文件方式在网页中引入JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript简介

JavaScript

用于HTML和Web
轻量级的编程语言
可插入HTLM
由浏览器执行
易学习

功能

写入HTML
对事件作出反应
改变HTML内容
改变HTML图像
改变HTML样式
验证用户输入

JavaScript与Java

两种完全不同的语言
ECMA-262是JavaScript标准的官方名称

JavaScript实现

script标签

HTML插入JavaScript，使用指定JS何处开始、结束

<script>
alert("JS");
</script>

javaScript函数和事件

上述JS代码，在页面加载时执行
将JS代码放入函数中，可在事件发生时调用该函数
JS可位于HTML的body或head中
通常，将JS放入head部分

head

<!DOCTYPE html>
<html>
<head>
	<script>
	function myFunction()
	{
		document.getElementById("demo").innerHTML="JS";
	}
	</script>
</head>
<body>
	<h1>My Web Page</h1>
	<p id="demo">A Paragraph</p>
	<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

body

<!DOCTYPE html>
<html>
<body>
	<h1>My Web Page</h1>
	<p id="demo">A Paragraph</p>
	<button type="button" onclick="myFunction()">Try it</button>
	<script>
	function myFunction()
	{
		document.getElementById("demo").innerHTML="JS"
	}
	</script>
</body>
</html>

外部JavaScript

可以把JS保存到外部文件，xxx.js
通过script标签的src属性设置.js文件
外部文件.js不能包含script标签

//xxx.html
<!DOCTYPE html>
<html>
<body>
	<h1>My Web Page</h1>	
	<p id="demo">A Paragraph.</p>	
	<button type="button" onclick="myFunction()">Clikc</button>	
	<script type="text/javascript" src="/xxxx/myScript.js"></script>
</body>
</html>

//myScript.js
function myFunction()
{
    document.getElementById("demo").innerHTML = "xxxx";
}