(一)、怎么产生的?
发明人 | 布莱登·艾奇 |
时间 | 1995年 |
发明时长 | 10天 |
地点 | 美国 |
(二)、是一门什么样的语言?
JavaScript是一门动态的、弱类型的、解释型的脚本语言。
动态的 | 只有在执行时才能确定数据类型 |
弱类型的 | 变量数据的类型不是确定的,可以随意的进行改变 |
解释型的 | 相对于编译型来说,编译型计算机在执行之前需要把程序进行编译之后再执行,解释型不需要编译,执行时一行一行去解释执行 |
脚本语言 | 代表可以嵌在其他语言中进行执行 |
(三)、简单的发展历程
期初JavaScript叫LiveScript,而是sun公司开发发行,当时sun公司没有那么大的声誉,所以将LiveScript改名为JavaScript,借助Java的名字火了一把。但是Java和JavaScript没有半毛钱关系,就像老婆和老婆饼。
(四)、用来做什么的?
1、最开始用来做表单验证
如果没有JavaScript,我们网页的表单验证需要通过网络传输数据去服务器进行验证,占用带宽资源太严重而且体验不佳。
- 重置按钮
<input type="reset" />
- 下拉选项
<select name="">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
- 可以伸缩的文本框
<!--可以改变大小的文本框,name用于跟后台交互,rows行 cols列-->
<!--默认情况-->
<textarea name="" rows="" cols=""></textarea>
<!--通过id可以设置宽度和高度-->
<textarea id="text"></textarea>
- 表格
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
2、现在用来做用户交互、游戏、后端开发
(五)、Js组成部分
ECMAScript | 语法规范,负责js的语法部分 |
DOM(Document Object Model) | 文档对象模型(操作元素) |
BOM(Brower Object Model) | 浏览器对象模型(操作浏览器) |
(六)、JS第一个程序——输出语句
- alert() 以弹出框的形式输出
弹出框点击确定按钮才是语句执行完
alert('I Love You!');
- console.log 以日志形式在控制台输出
console.log('I Love You!');
- document.write 把内容作为网页的内容显示
document.write('I Love You!');
- JS语言执行过程是从上到下一行一行进行执行的
- JS语句的特点:
- 每一行都会有个分号进行结尾
- 分号不是必需的,写不写都行
- 推荐写
(七)、JS的书写位置
行内式:局限性大,只能对事件进行绑定;耦合性大,结构行为不隔离
<div id="box" onclick="alert('hahahaha')">点击我显示内容</div>
内嵌式:用的比较多,一般写项目初期都用内嵌,最后变为外链
<script type="text/javascript">
alert('I Love You!');
console.log('I Love You!');
document.write('I Love You!');
外链式:建Js文件,通过script链接,标签内不能写代码
<link rel="stylesheet" href="css/love.css"/>
<script src="js/love.js"></script>