JavaScript基础

这篇文章参考内容分为两部分:

  1. 西部开源-秦疆老师;
  2. https://www.w3school.com.cn/h.asp;

文章目录

  • JavaScript
    • 1. 简介
      • 1.1 为什么学习 JavaScript?
      • 1.2 学习 JavaScript 能做什么?
      • 1.3 JavaScript 的历史
    • 2. 入门
      • 2.1 JavaScript 使用
      • 2.2 JavaScript 函数和事件
      • 2.3 JavaScript 输出
      • 2.4 JavaScript 语句
      • 2.5 JavaScript 语法
    • 3. 内容详解
      • 3.1 注释
      • 3.2 变量
      • 3.3 运算符
      • 3.4 函数
      • 3.5 对象
      • 3.6 事件
      • 3.7 字符串
      • 3.8 数字
      • 3.9 数组
      • 3.10 日期
      • 3.11 数学
      • 3.12 条件语句
      • 3.13 循环语句
      • 3.14 异常机制
      • 3.15 严格模式
      • 3.16 this 关键字
      • 3.17 Let 关键词
      • 3.18 Const 关键词

JavaScript

JavaScript 是属于 HTML 和 Web 的编程语言;

编程令计算机完成您需要它们做的工作;

1. 简介

1.1 为什么学习 JavaScript?

JavaScript 是 Web 开发者必学的三种语言之一:

  • HTML 定义网页的内容
  • CSS 规定网页的布局(美化)
  • JavaScript 对网页行为进行编程

1.2 学习 JavaScript 能做什么?

  • JavaScript 能改变 HTML 的内容

  • JavaScript 能改变 HTML 的属性

  • JavaScript 能改变 CSS 样式

  • JavaScript 能够隐藏 HTML 元素

  • JavaScript 能够显示隐藏的 HTML 元素

    ……

1.3 JavaScript 的历史

  • JavaScript 在 1995 年由 Brendan Eich 发明,并于 1997 年成为一部 ECMA 标准。

  • ECMA-262 是其官方名称。ECMAScript 6 (发布于 2015 年)是最新的 JavaScript 版本。

2. 入门

2.1 JavaScript 使用

  1. 内部标签
  • 在 HTML 中, JavaScript 代码必须位于 标签之间(成对出现)

  • 中的 JavaScript


<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>内部标签 title>
    
    <script>
        function myInputStyle01(){
      
            document.getElementById("demo").innerHTML = "段落已经被更改"
        }
    script>
    
head>

<body>
    <h2>Head 中的 JavaScripth2>
    <p id="demo">这是将要被改变的段落。p>
    <button type="button" onclick="myInputStyle01()"> Try button>
body>

html>
  • 中的 JavaScript

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>body中的 jstitle>
head>

<body>
    <h2>Body 中的 JavaScripth2>
    <p id="demo">这个段落即将被更改p>
    <button type="button" onclick="myInputStyle02()"> Trybutton>
    <script>
        function myInputStyle02 () {
      
            document.getElementById("demo").innerHTML = "段落已经被改变!";
        }
    script>
body>

html>
  1. 外部标签
  • 格式:

    JavaScript 代码:

    外部脚本不能包含

你可能感兴趣的:(JavaScript基础)