当前位置：首页 > article >正文

【2024】前端学习笔记12-JavaScript初体验-Js操作window

article 2024/10/9 22:06:48

学习笔记

1.什么是JavaScript
2.JavaScript初体验
3.案例：弹出一个带确认、取消的对话框
4.JS之window对象
- 4.1.window.open：打开新窗口
- 4.2.window.innerWidth/innerHeight：获取浏览器窗口宽度和高度
- 4.3.window.location.reload：重新加载当前页面
- 4.4.window.document：操作文档对象

1.什么是JavaScript

JavaScript 是一种高级的解释型编程语言。

在网页开发中的角色：

是客户端脚本语言，在浏览器中运行。
可操作 DOM 来修改网页元素和结构。
能处理各种用户事件，实现交互功能，如表单验证。

语言特性：

具有动态类型系统。
支持函数式编程。
有面向对象编程特性。

2.JavaScript初体验

以下是一个简单的JavaScript入门案例的完整代码，它的作用是在网页上出现一个问候语弹窗。

注意注释，注释会做出解释说明

创建一个HTML文件，在HTML的script标签内输入内容

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 入门案例</title>
</head>

<body>
    <script>
        // JavaScript 代码将在这里插入
        // alert()函数的作用是显示一个带有消息的弹窗
        alert('Hello, JavaScript!');
    </script>
</body>

</html>