Loading

JavaScript学习(一)

什么是JavaScript

一门被广泛用于HTML和web的脚本语言,JavaScript和html结合:可插入html页面又浏览器执行。

使用

我们在html页面中插入JavaScript可以使用<script>标签
脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
例1：内部

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    alert("我弹出来了！");
</script>
</body>
</html>


例2：外部的JavaScript
使用<script>标签的src属性链接本地的js文件

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script src="1.js"></script>
<button type="button" onclick="myFunction()">触发事件试试呢！</button>
</body>
</html>

function myFunction()
{
    alert("我又弹出来了！");
}

现在普遍使用例2中的这种引入外部js的方法。更为高效，方便！

posted @ 2022-01-28 22:44  雨下整夜z  阅读(39)  评论(0)    收藏  举报