01.JavaScript概述

1.什么是JavaScript?

JavaScript是运行在浏览器上的脚本语言。简称JS。
JavaScript是王景公司（NetScape)的 布兰登·艾奇 开发的，最初叫做LiveScript。LiveScript的出现让浏览器更加生动，使得页面更具有交互性。
JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript和java没有任何关系，只是语法类似。JavaScript运行在浏览器中，代码由浏览器解释后执行。而Java运行在JVM中。

LiveScript的出现，最初的时候是为Navigator浏览器量身定制一门语言，不支持其他浏览器。

微软一看不行，研发了只支持IE浏览器的脚本语言。JScript。
在两者语言共存的时代，程序员需要写两套程序。这时一个叫做ECMA组织（欧洲计算机协会）根据JavaScript制定了ECMA-262标准，叫做ECMA-Script.

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

2.区分JSP和JS

1、JSP全称是java server page（隶属Java）

JS全称是javaScript

2、最主要的区别是运行位置不同。

JSP运行在后台服务器上，混合在HTML中的java程序段用于控制HTML的动态生成，并且通常负责调用后台数据库中的数据，形成能够根据使用情况的变化的，具有丰富数据交互效果的页面。

JavaScript 通常是运行在前台，即运行于用户浏览器的，通常不需要服务器的后台支持（AJAX交互例外），混合在HTML中的JavaScript脚本程序直接被浏览器解释执行，以提高页面的美观性和UI操作响应速度为基本目标。

3、JSP在HTML中用<%%>里面实现。

JS在html中用<Script></Script>实现

02.HTML中嵌入JavaScript

1.HTML嵌入JavaScript的第一种方式

JS是一门事件驱动型的编程语言，依靠时间去驱动，然后执行对应的程序。在JS中有很多事件，其中一个事件叫做：鼠标单击，单词：click。并且任何事件都会对应一个事件句柄叫做：onclick。

【注意：事件和事件句柄的区别是：事件句柄是在事件单词前添加一个on】，而事件是以HTML标签的属性存在的。

οnclick="js代码“，执行原理是什么？

页面打开的时候，js代码并不会执行，只是把这段代码注册到按钮的click事件上了。等这个按钮发生click之后，注册在onclick后面的js代码会被浏览器自动调用。

怎么使用JS代码弹出消息框。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>HTML中嵌入JavaScript的第一种方式</title>
</head>
<body><!--点击按钮弹出消息框--><input type="button" value="Hello" onclick="window.alert('Hello JavaScript!')"/><input type="button" value="Hello" onclick="window.alert('Hello XingKong!')"/><input type="button" value="Hello" onclick="window.alert ('Hello MengYangChen');alert('Hello MengYang')alert('Hello Meng')"/>
</body>
</html>

2.HTML嵌入JavaScript的第二种方式

采用脚本块的方式：
暴露在脚本块中的程序，在页面打开的时候执行，并且遵守自上而下的顺序依次逐行执行。（不需要事件）

JavaScript脚本块可以出现在任何位置，并且可以出现多次。

aler函数会阻塞整个HTML页面的加载。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>HTML嵌入JavaScript的第二种方式</title>
</head>
<body><input type="button" value="我是一个。。"/><script type="text/javascript">window.alert("hello world!");</script><input type="button" value="我是一个按钮对象"/>
</body>
</html>

3.HTML嵌入JavaScript的第三种方式（推荐）

引入外部的js文件。

引入js脚本文件的语句：
同一个脚本文件可以引入多次。
脚本文件直接写语句就好了。

<script type="text/javascript" src="路径和文件名“></script>

结束的< /script>标签必须有，不能用反斜杠取代，引入文件时，其中间的代码不会执行。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>HTML中嵌入JavaScript的第三种方式</title>
</head>
<body>
<script type="text/javascript" src="file/JS1.js"></script>
</body>
</html>

JavaScript概述和HTML中嵌入JavaScript的三种方式相关推荐

实验四：使用库函数API和C代码中嵌入汇编代码两种方式使用同一个系统调用
贺邦+原创作品转载请注明出处 + <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 实验目的: 使用库函数 ...
使用库函数API和C代码中嵌入汇编代码两种方式使用同一个系统调用
实验4:使用库函数API和C代码中嵌入汇编代码两种方式使用同一个系统调用姓名:李冬辉学号:20133201 注: 原创作品转载请注明出处 + <Linux内核分析>MOOC课程http ...
Django中Model继承的三种方式
Django中Model继承的三种方式 Django中Model的继承有三种: 1.抽象继承 2.多表继承 3.proxy model(代理model) 1.抽象继承第一种抽象继承,创建一个通用父类 ...
android获取自定义属性,android 自定义控件中获取属性的三种方式(转)
第一种方法,直接设置属性值,通过attrs.getAttributeResourceValue拿到这个属性值. (1)在xml文件中设置属性值 android:layout_width="f ...
UE4学习-在虚幻编辑器中打开VS的三种方式
文章目录方式一方式二方式三在虚幻编辑器中打开VS的三种方式方式一在文件浏览器这里,选择C++类,然后在文件夹内,找到一个和截图中类似的图标,双击,即打开vs,并在vs中打开这个类的代码. ...
Java中实现接口的三种方式您造吗？
本文介绍了Java中实现接口的三种方式:常规实现方式.匿名内部类和 Lambda表达式实现方式.希望已经了解的同学可以重新温习一下,不了解的同学则从中受益! Java中接口最常规的实现方式同学们都会 ...
java中实现多线程的三种方式
java中实现多线程的三种方式 1.实现多线程的方法: 在java中实现多线程的两途径:继承Thread类,实现Runable接口(Callable) 2.继承Thread类实现多线程: 继承类T ...
java类初始数组_java中数组初始化的三种方式是什么
java中数组初始化的三种方式是:1.静态初始化,如[int a[] = {2, 0, 1, 9, 2020}]:2.动态初始化,如[int[] c = new int[4]]:3.默认初始化,如[i ...
【查看linux中所有用户的三种方式】
查看linux中所有用户的三种方式学习目标: 提示:通过使用 /etc/passwd 文件,getent 命令,compgen 命令这三种方法查看系统中用户的信息用户信息存放位置: 提示:Linux ...

JavaScript概述和HTML中嵌入JavaScript的三种方式