JavaScript

JavaScript

JavaScript简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript是脚本语言
  • JavaScript 是一种轻量级的编程语言。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
  • JavaScript 很容易学习。

JavaScript的用法

HTML 中的脚本必须位于 标签之间。

脚本可被放置在 HTML 页面的 和 部分中。

<body> 中的 JavaScript 
<!DOCTYPE html>
<html>
<body>

<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>

</body>
</html>

JavaScript 函数和事件

  • JavaScript 语句，会在页面加载时执行。
  • 通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
  • 如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。
<head> 中的 JavaScript 函数 
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
    document.getElementById("id").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="id">一个段落</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html
<body> 中的 JavaScript 函数 
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="id">一个段落</p>
					//鼠标点击事件
<button type="button" onclick="myFunction()">点击</button>
<script>
function myFunction()
{
    document.getElementById("id").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

外部的 JavaScript

<!DOCTYPE html>
<html>
<body>
  //外部导入
<script src="myScript.js"></script>
</body>
</html>
posted @ 2021-07-22 14:37  青歌与  阅读(55)  评论(0)    收藏  举报