JavaScrip介绍(1)——简介

最新推荐文章于 2023-04-16 14:59:35 发布

momo不吃辣

最新推荐文章于 2023-04-16 14:59:35 发布

阅读量273

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_54645034/article/details/126190745

版权

本人简单分享自己自学经历，主要加强自身前端能力，通过总结基础要点，方便日后查看和分享，还是小小白，难免不成熟，有缺点，请见谅。

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

JavaScript语言的特点

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

本人简单学习js（javaScript）的方式

1.利用Visual Studio Code软件进行实操编译。

2.通过B站自学弄清楚基本语法规范。

3.通过实例训练本人代码能力。

简单的示范js代码

<script> 标签

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        alert("我的第一个 JavaScript");
    </script>
</body>
</html>

<body> 中的 JavaScript 函数

在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。

该函数会在点击按钮时被调用：

<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

简单案例弹出对话框

输入：用户输入框：promp

内部处理：保存数据（利用变量存储）

输出：页面打印document.write()

<!DOCTYPE html>
<html>
<body>
<script>
 let uname = prompt('请输入姓名')
document.write(uname)
</script>
</body>
</html>

以上就是简单介绍了一下js的基础知识和情况，后续更新会逐步深化js的知识要点，使得学习更加全面