标题
1. JavaScript的概述
* 什么是JavaScript?
- JavaScript是运行在浏览器上的脚本语言,简称 js
- JavaScript最初叫做livescript,是由网景公司开发的 【布兰登艾奇】
- JavaScript的出现让浏览器更加的生动的,更加有交互性
- JavaScript的“目标程序”以普通文本形式保存,这种语言叫做“脚本语言”
- Java的目标程序以.class形式存在,不能用文本编辑器打开,不是脚本语言
- Jscript是由微软开发的
- livescript的出现,最初的时候为navigator浏览器定制的一种语言,不支持其他浏览器
- 网景公司1998年被美国在线收购
* JSP和JS的区别
- JSP 全称:Java server pages(隶属Java语言的,运行在JVM上)
- JS 全称:JavaScript(运行在浏览器上)
嵌入方式
1. 在HTML中怎么嵌入JavaScript代码?
- JS是一件驱动型编程语言,依靠事件去驱动,然后执行对应的程序
在JS中有很多事件,其中有一个事件叫做鼠标单击,单词:click
并且事件都会对应一个事件句柄叫做:onclick。
事件句柄是以HTML标签的属性存在的
- 【onclick = “js代码”】语句,执行原理是什么?
① 页面打开的时候,js代码并不会执行,只是把这段代码JS注入到按钮的click事件上了
等这个按钮发生click事件之后,注入在onclick后面的js代码会被浏览器自动调用
- 怎么使用js代码弹窗?
在js中有一个内置的对象叫做window【全部小写】,可以直接 使用, window代表的是浏览器对象
window对象有一个函数叫做:alert,用法是:window.aler("消息");这样就可以弹窗了
如:onclick = "window.aler('内容'); "【括号里面得用单引号,外码语句就用双引号;】
- js 中的字符串可以使用双引号,也可以使用单引号
- js中的一条语句结束以后可以使用 分号; 结束,也可以不用
- 三种方式:
① 第一种方式: 【事件句柄】
<input type = "button" value = "hello" onclick = "window.alert('内容')">
【注:window是可以省略的】
② 第二种方式:
* 脚本块的方式
<script type = "text/javascript">
js代码
</script>
* 暴露在脚本块当中的程序,在页面打开的时候执行
并且遵守自上而下的顺序依次逐行执行【这个代码执行不需要事件】
* JS代码的注释
- //单行注释
- /* */ 多行注释
* JavaScript脚本块可以在一个页面中可以出现多次,对位置的摆放也没有要求
* alert会阻塞整个html页面的加载
③ 第三种方式:
引入外部独立文件
- 在需要的位置引入js脚本文件
引入js代码文件的时候,执行顺序还是自上而下的顺序执行
统一文件可以引入多次
不能在后面删除结束标签后,加 / 【特殊】
语法格式:
<script type = "text/javascript" src = "js/加想要引入的名字"></script>