欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript入门篇练习代码笔记

程序员文章站 2022-04-15 08:09:04
摘要:通过学习快速认识JavaScript,熟悉JavaScript基本语法、窗口交互方法和通过DOM进行网页元素的操作,学会如何编写JS代码,如何运用JavaScript去操作HTML元素和CSS样式,JavaScript入门篇分为四个章节,能够让你快速入门,为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入门篇练习代码笔记(点击下载)