【JavaWeb学习-第二章】JavaScript:基础语法和函数部分

文章目录

  • 1. 介绍
  • 2. 引入方式
    • 2.1. 介绍
    • 2.2. 实现
  • 3. 基础语法
    • 3.1. 书写语法
      • 3.1.1. 介绍
      • 3.1.2 实现
    • 3.2. 变量
      • 3.2.1. 介绍
      • 3.2.2. 实现
    • 3.3. 数据类型和运算符
      • 3.3.1. 数据类型
        • 3.3.1.1. 介绍
        • 3.3.1.2. 实现
      • 3.3.2. 运算符
        • 3.3.2.1. 介绍
        • 3.3.2.2. 实现
  • 4. 函数
    • 4.1. 第一种定义格式
      • 4.1.1. 介绍
      • 4.1.2. 实现
    • 4.2. 第二种定义格式
      • 4.2.1. 介绍


    html完成了架子,css做了美化,但是网页是死的,我们需要给他注入灵魂,所以接下来需要学习JavaScript,这门语言会让页面能够和用户进行交互。

1. 介绍

  • JavaScript(简称:JS)是一门跨平台面向对象脚本语言。是用来控制网页行为的,它能使网页可交互。
  • JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似
  • JavaScript在1995年由Brendan Eich 发明,并于1997年成为ECMA标准。

    ECMA: ECMA国际(前身为欧洲计算机制造商协会),制定了标准化的脚本程序设计语言ECMAScript,这种语言得到广泛应用。而JvaScript是遵守ECMAScript的标准的。

一个例子进行效果演示:
目录结构如下:
【JavaWeb学习-第二章】JavaScript:基础语法和函数部分_第1张图片

代码实现:

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-效果演示title>
    <style>
        body {
            background-image: url("bg1.jpg");
            background-size: 100% 100%;
            background-attachment: fixed;
            margin: 0px;
        }
    style>
head>
<body>

    <input type="button" value="主题1" onclick="change(1)">
    <input type="button" value="主题2" onclick="change(2)">
    <input type="button" value="主题3" onclick="change(3)">
    <input type="button" value="主题4" onclick="change(4)">
    <input type="button" value="主题5" onclick="change(5)">

body>
<script>
    function change(i){
        document.body.style.backgroundImage = "url('bg"+i+".jpg')";
    }
script>
html>

浏览器打开,我们点击主题5按钮,页面的主题发生了变化,所以 js 可以让我们的页面更加的智能,让页面和用户进行交互。

【JavaWeb学习-第二章】JavaScript:基础语法和函数部分_第2张图片

2. 引入方式

    同样,js代码也是书写在html中的,那么html中如何引入js代码呢?主要通过下面的2种引入方式:

2.1. 介绍

第一种方式:内部脚本,将JS代码定义在HTML页面中
    ① JavaScript代码必须位于标签之间
    ② 在HTML文档中,可以在任意地方,放置任意数量的

你可能感兴趣的:(JavaWeb学习,学习,javascript,开发语言)