博客
关于我
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:表示未赋值的变量。
      • boolean、number、string。
    • 对象:
      • 包括数组和普通对象。
    • 数组:
      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/

    你可能感兴趣的文章
    python 内部如何实现命名元组?
    查看>>
    python 写入json数据到数据库
    查看>>
    Python 列表删除相同的元素
    查看>>
    Python 初学者需要知道的四条建议
    查看>>
    Python 判断字符串是否包含子字符串
    查看>>
    python 判断当前时间是否为零点
    查看>>
    python 利用pandas读取本地中CSV文件的指定列 列名重命名 并保存回本地
    查看>>
    python 利用pyspark读取HDFS中CSV文件的指定列 列名重命名 并保存回HDFS
    查看>>
    python 利用pyttsx3文字转语音
    查看>>
    python 利用已有Ner模型进行数据清洗合并
    查看>>
    python 到大数据开发工程师_如何成为一个大数据开发工程师?
    查看>>
    python 加密解密(base64, AES)
    查看>>
    Python 和Java 哪个更适合做自动化测试?
    查看>>
    python 图片转ico
    查看>>
    python 图片转文字、语音转文字、文字转语音保存音频并朗读
    查看>>
    python 在包含类似字符\x16、\x12、\x某某的数组中将以\x开头的字符找出来的方法
    查看>>
    Python 在并行进程之间共享字典
    查看>>
    Python 垃圾收集器文档
    查看>>
    python 基于 wordcloud + jieba + matplotlib 生成词云
    查看>>
    python 基于detectron或mask_rcnn的mask遮罩区域进行图片截取
    查看>>