博客
关于我
JavaScript基础(ECMAScript)-js作用、js输出框、js放置、var变量、数据类型、js消息框
阅读量:358 次
发布时间:2019-03-04

本文共 1755 字,大约阅读时间需要 5 分钟。

JavaScript 详解

JavaScript 概念

JavaScript是一种在客户端进行交互的网页编程语言。它的主要功能是为HTML页面添加动态行为,通过与HTML、CSS和DOM的交互实现丰富的用户体验。

JavaScript 组成

JavaScript的核心组成部分包括:

  • ECMAScript:定义了JavaScript的基本语法、数据类型、关键字等核心功能。
  • DOM(文档对象模型):提供了对HTML文档的操作接口,可以通过JavaScript操作网页元素。
  • BOM(浏览器对象模型):通过浏览器API操作浏览器功能。
  • JavaScript 特点

    • 简单易用:语法简洁,学习成本低。
    • 基于对象:虽然没有传统的面向对象特性,但支持对象封装、继承和多态。
    • 基于过程:代码直接操作元素,执行时解释性语言。
    • 解释执行:JavaScript引擎直接执行源代码,无需编译。
    • 编译执行:不同于Java、C#等需要编译的语言,JavaScript直接运行。

    JavaScript 使用范围

    • 表单验证:通过JavaScript验证用户输入。
    • 轮播图特效:实现图片自动切换效果。
    • 游戏开发:用于创建简单的游戏逻辑和动画。

    JavaScript 注册

    JavaScript主要包括以下几个核心部分:

  • ECMAScript:涵盖基本语法、变量、关键字、数据类型等。
  • DOM:描述HTML页面的结构和内容。
  • BOM:控制浏览器功能。
  • JavaScript 实现

    JavaScript可以通过两种方式嵌入网页:

  • 内嵌式:将代码直接嵌入HTML文件中,通常建议放在body标签的末尾。
  • 外链式:通过script标签引用外部JavaScript文件。
  • JavaScript 语句放置

  • head部分:可以嵌入脚本,但不影响页面展示。
  • body部分:建议将脚本放在body的末尾,确保DOM加载完成后执行。
  • 外部脚本:通过src属性引入JavaScript文件。
  • JavaScript 注释

    • 单行注释:以//开头。
    • 多行注释:以/*开头,以*/结尾。

    JavaScript 变量

    • 变量名称规则:
      • 必须以字母或下划线开头。
      • 可以包含字母、数字、下划线和美元符号。
      • 对大小写敏感。
    • 声明变量:
      var 变量名;
    • 变量赋值:
      var 变量名 = 值;
    • 变量默认值:未声明的变量默认为undefined

    JavaScript 数据类型

    • 基本类型
      • null:表示空值,数据类型为object
      • undefined:表示未赋值的变量。
      • booleannumberstring
    • 对象
      • 包括数组和普通对象。
    • 数组
      var cars = ["Saab", "Volvo", "BMW"];
    • 对象
      var person = {  firstname: "John",  lastname: "Doe",  id: 5566};

    JavaScript 消息框

    • alert("文本"):显示警告框。
    • confirm("文本"):显示确认框,返回布尔值。
    • prompt("文本","默认值"):显示提示框,返回输入值。
    • window.open("路径","窗口标题"):打开新窗口。
    • window.close():关闭当前窗口。

    JavaScript 输出

    • document.write("文本"):向页面输出内容。
    • document.getElementById("id").innerHTML="新内容":修改页面指定位置的内容。
    • console.log("信息"):用于调试输出。

    JavaScript 运算符

    • 赋值运算符
      a = 1;b = a;
    • 循环结构
      for (let i = 0; i < 3; i++) {  console.log(i);}
    • for...in循环
      for (let key in obj) {  console.log(key);}

    JavaScript 循环

    • for循环:执行固定次数的代码。
    • while循环:根据条件执行代码。
    • for...in循环:遍历对象或数组属性或元素。

    通过以上内容可以看出,JavaScript是一种强大且灵活的语言,广泛应用于网页开发、表单验证、动画效果实现等多个领域。

    转载地址:http://hltr.baihongyu.com/

    你可能感兴趣的文章
    Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
    查看>>
    nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
    查看>>
    Nginx 反向代理解决跨域问题
    查看>>
    Nginx 反向代理配置去除前缀
    查看>>
    nginx 后端获取真实ip
    查看>>
    Nginx 学习总结(16)—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
    查看>>
    Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
    查看>>
    Nginx 常用配置清单
    查看>>
    nginx 常用配置记录
    查看>>
    Nginx 我们必须知道的那些事
    查看>>
    Nginx 的 proxy_pass 使用简介
    查看>>
    Nginx 的配置文件中的 keepalive 介绍
    查看>>
    Nginx 负载均衡与权重配置解析
    查看>>
    Nginx 负载均衡详解
    查看>>
    nginx 配置 单页面应用的解决方案
    查看>>
    nginx 配置https(一)—— 自签名证书
    查看>>
    nginx 配置~~~本身就是一个静态资源的服务器
    查看>>
    Nginx 配置解析:从基础到高级应用指南
    查看>>
    nginx+Tomcat性能监控
    查看>>
    Nginx下配置codeigniter框架方法
    查看>>