JavaScript概述-第1章

JavaScript概述-第1章_第1张图片
标题图

目录

  1. 初始JavaScript
  2. 学会使用编辑工具
  3. 如何引入脚本代码
  4. 常用语句
  5. 常见浏览器兼容性问题

了解前端开发技术JavaScript,JavaScript的发展,JavaScript特点,JavaScript的组成及其作用。

发展

  1. 由布兰登·艾奇(Brendan Eich)发明
  2. 于1995年出现在Netscape

Netscape与SUN合作,将LiveScript改为JavaScript,成为强力的WEB页开发工具。

是一种基于对象和事件驱动的脚本语言。

使用它的目的是与HTML(超文本标记语言)一起实现网页中的动态交互功能。

JavaScript使网页变得更加生动。

脚本功能强大

JavaScript概述-第1章_第2张图片
图片

实现功能强大

可视性、动态性和交互性于一体的HTML网页

特点

JavaScript是一种基于对象事件驱动的客户端脚本语言
其主要特点:

  1. 基于对象:运用自己创建的对象
  2. 事件驱动:采用事件驱动并执行指定的操作
  3. 解释性语言:无须专门的编译器进行编译
  4. 简单性:变量类型采用弱类型
  5. 安全性:实现信息浏览或动态交互,对
    数据的操作是安全的
  6. 动态性:直接对用户或客户的输入做出响应
  7. 跨平台性:与操作环境无关

JavaScript的组成

JavaScript概述-第1章_第3张图片
图片
JavaScript概述-第1章_第4张图片
ECMAScript.png

定义了脚本语言的所有属性、方法和对象

浏览器对象模型BOM

JavaScript概述-第1章_第5张图片
图片

文档对象模型DOM

Document Object Model(文档对象模型)

JavaScript概述-第1章_第6张图片
DOM.png

脚本执行原理

JavaScript概述-第1章_第7张图片
原理

嵌入JavaScript语言


脚本编辑器

  1. 记事本
  2. EditPlus
  3. UltraEdit
  4. Dreamweaver
  5. FrontPage
  6. Visual Studio等

将JavaScript脚本代码嵌入到HTML文档中



 


脚本代码的位置

在标记对之间放置
在标记对之间放置

常用语句

  1. 警告对话框alert( )
  2. 提示对话框prompt(“提示信息”,”输入框的默认信息”);
JavaScript概述-第1章_第8张图片
图片
JavaScript概述-第1章_第9张图片
图片
  1. 输出document.write(“输出内容” );

拓展

JavaScript和Java 的区别

基于对象和面向对象

Java 是一种面向对象的语言

JavaScript 是种脚本语言,是一种基于对象和事件驱动的编程语言

解释和编译

Java的源代码必须经过编译

JavaScript 是一种解释性编程语言,不需经过编译,而是将字符代码发送给客户端由浏览器解释执行

强变量和弱变量

Java采用强类型,变量在编译之前必须作声明

JavaScript采用其弱类型,变量在使用前不需作声明

代码格式不一样

嵌入方式不一样

终极目标

  1. 用HTML方式和JavaScript脚本方式在页面显示信息
  2. 在web页面引入JavaScript文件
  3. 将用户输入的信息在页面输出
  4. 使用伪URL方式引入JavaScript代码等

代码

JavaScript概述-第1章_第10张图片
图片
JavaScript概述-第1章_第11张图片
图片
JavaScript概述-第1章_第12张图片
图片
JavaScript概述-第1章_第13张图片
图片
送❤

你可能感兴趣的:(JavaScript概述-第1章)