浏览器具有解释执行html语言的功能,JavaScript概述-第1章

6f0efffab46460d5ac64247cdfb56d2e.png

目录

初始JavaScript

学会使用编辑工具

如何引入脚本代码

常用语句

常见浏览器兼容性问题

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

发展

由布兰登·艾奇(Brendan Eich)发明

于1995年出现在NetscapeNetscape与SUN合作,将LiveScript改为JavaScript,成为强力的WEB页开发工具。

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

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

JavaScript使网页变得更加生动。

脚本功能强大

efb0d1ab761233890f5126325befffcd.png

实现功能强大

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

特点

JavaScript是一种基于对象和事件驱动的客户端脚本语言

其主要特点:

基于对象:运用自己创建的对象

事件驱动:采用事件驱动并执行指定的操作

解释性语言:无须专门的编译器进行编译

简单性:变量类型采用弱类型

安全性:实现信息浏览或动态交互,对

数据的操作是安全的

动态性:直接对用户或客户的输入做出响应

跨平台性:与操作环境无关

JavaScript的组成

3231319bfd536ec8a7db5d74e2d7165a.png

99f8214b6399d4400f00376becb0fb3c.png

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

浏览器对象模型BOM

0f953406f20bd0944ae2b3425ee4bcf1.png

文档对象模型DOM

Document Object Model(文档对象模型)

dec3917e55c0cd3a808f1a38c78408e8.png

脚本执行原理

52260690400711f086cf62d5fc2dc0a1.png

嵌入JavaScript语言

document.write("欢迎来到JavaScript世界!");

脚本编辑器

记事本

EditPlus

UltraEdit

Dreamweaver

FrontPage

Visual Studio等

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

document.write("欢迎来到JavaScript世界!");

function clickme()

{

alert("鼠标单击!");

}

脚本代码的位置

在标记对之间放置

在标记对之间放置

常用语句

警告对话框alert( )

提示对话框prompt(“提示信息”,”输入框的默认信息”);

56d4b12cc551669d252defbfe7095923.png

1e5d869ebd20a72a8f9eb00ef34d1ca9.png

输出document.write(“输出内容” );

document.write("

个人信息

");

document.write("

班级:1024
学号:123456
姓名:1234
性别:女
爱好:跳舞、爬山

");

拓展

JavaScript和Java 的区别

基于对象和面向对象

Java 是一种面向对象的语言

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

解释和编译

Java的源代码必须经过编译

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

强变量和弱变量

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

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

代码格式不一样

嵌入方式不一样

终极目标

用HTML方式和JavaScript脚本方式在页面显示信息

在web页面引入JavaScript文件

将用户输入的信息在页面输出

使用伪URL方式引入JavaScript代码等

代码

192be8c0d9d6fc27ba9c8a80bf330418.png

c366f368c12426a319724e3954e87f4b.png

7588daabd158dc19ebbe35e1d8e2818e.png

9b6091e90f269a00a9a29e6a402aa65b.png

3651d66e902d93e611102dc53678a708.png

内容来源于网络如有侵权请私信删除

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值