chevron_left

原生 JavaScript 教程

免费
第 5.7 回

教程文档

原生 JavaScript 教程 - 例 5:下拉列表切换背景图

2023年11月14日
原生 JavaScript 教程

例 5:下拉列表切换背景图

示例图

实现代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>
        body {
            background-image: url('https://images.clwy.cn/train/javascript/roma.jpg!large');
            background-repeat: no-re...

课程介绍

此教程由长乐未央官方出品,目的是让新手能在最短的时间系统学会前端

JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发 Web 页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

JavaScript 是一种属于网络的高级脚本语言,已经被广泛用于 Web 应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常 JavaScript 脚本是通过嵌入在 HTML 中来实现自身的功能的。

适合这样的人

新手