【前端】4.JavaScript基础知识

D2O

已于 2023-09-05 16:12:11 修改

阅读量183

点赞数

文章标签： javascript

于 2023-05-03 16:30:54 首次发布

本文链接：https://blog.csdn.net/D2Ooo/article/details/130474306

版权

系列文章链接
1.背景知识与学习路线
 2.HTML基础知识
 3.CSS基础知识
 4.JavaScript基础知识

1. JavaScript 简介

JavaScript 控制了网页的行为

JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。

Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。

2.JavaScript 用法

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

例子

2.1 在body中的JS

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

2.2 在head中的JS

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

2.3 单独存为一个文件的JS

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

myScript.js 文件代码如下：

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}

3.

4.

D2O

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
【前端】4.JavaScript基础知识

1.背景知识与学习路线2.HTML基础知识3.CSS基础知识4.背景知识与学习路线
复制链接

扫一扫