JavaScript入门篇练习代码笔记

摘要:通过学习快速认识JavaScript,熟悉JavaScript基本语法、窗口交互方法和通过DOM进行网页元素的操作,学会如何编写JS代码,如何运用JavaScript去操作HTML元素和CSS样式,JavaScript入门篇分为四个章节,能够让你快速入门,为JavaScript深入学习打下基础。

第1章 请做好准备

本章节主要讲解如何在HTML文件中添加JavaScript代码,掌握必备的基础语法

  • 1-1 为什么学习JavaScript
  • 1-2 新朋友你在哪里(如何插入JS)
  • 1-3 我也可以独立(引用JS外部文件)
  • 1-4 找到你的位置(JS在页面中的位置)
  • 1-5 JavaScript-认识语句和符号
  • 1-6 JavaScript-注释很重要
  • 1-7 JavaScript-什么是变量
  • 1-8 JavaScript-判断语句(if...else)
  • 1-9 JavaScript-什么是函数

第2章 请和我互动(常用互动方法)

本章节主要讲解如何向网页中输入内容,如何与浏览器窗口进行交互,通过简单的对象方法就可以轻松实现。

  • 2-1 JavaScript-输出内容(document.write)
  • 2-2 JavaScript-警告(alert 消息对话框)
  • 2-3 JavaScript-确认(confirm 消息对话框)
  • 2-4 JavaScript-提问(prompt 消息对话框)
  • 2-5 JavaScript-打开新窗口(window.open)
  • 2-6 JavaScript-关闭窗口(window.close)
  • 2-7 编程练习

第3章 你也有控制权(DOM操作)

如何用JavaScript去操作HTML元素和CSS样式,实现简单的动态操作。

  • 3-1 认识DOM
  • 3-2 通过ID获取元素
  • 3-3 innerHTML 属性
  • 3-4 改变 HTML 样式
  • 3-5 显示和隐藏(display属性)
  • 3-6 控制类名(className 属性)

第4章 编程挑战

不断实践,提高技能。

  • 4-1 编程挑战

JavaScript入门篇练习代码笔记(点击下载)

猜你喜欢

转载自www.cnblogs.com/dhnblog/p/12677077.html