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

本文共 1764 字,大约阅读时间需要 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/

    你可能感兴趣的文章
    Nodejs异步回调的处理方法总结
    查看>>
    NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
    查看>>
    nodejs支持ssi实现include shtml页面
    查看>>
    Nodejs教程09:实现一个带接口请求的简单服务器
    查看>>
    nodejs服务端实现post请求
    查看>>
    nodejs框架,原理,组件,核心,跟npm和vue的关系
    查看>>
    Nodejs概览: 思维导图、核心技术、应用场景
    查看>>
    nodejs模块——fs模块
    查看>>
    Nodejs模块、自定义模块、CommonJs的概念和使用
    查看>>
    nodejs生成多层目录和生成文件的通用方法
    查看>>
    nodejs端口被占用原因及解决方案
    查看>>
    Nodejs简介以及Windows上安装Nodejs
    查看>>
    nodejs系列之express
    查看>>
    nodejs系列之Koa2
    查看>>
    Nodejs连接mysql
    查看>>
    nodejs连接mysql
    查看>>
    NodeJs连接Oracle数据库
    查看>>
    nodejs配置express服务器,运行自动打开浏览器
    查看>>
    NodeMCU教程 http请求获取Json中文乱码解决方案
    查看>>
    Nodemon 深入解析与使用
    查看>>