欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 艺术 > 【2024】前端学习笔记12-JavaScript初体验-Js操作window

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

2024/10/24 23:18:01 来源:https://blog.csdn.net/qq_42527269/article/details/142690336  浏览:    关键词:【2024】前端学习笔记12-JavaScript初体验-Js操作window

学习笔记

  • 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>

展示效果:

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com