基础篇(一)-JS简单介绍
自学小笔记
JavaScript是什么？
-
JavaScript是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。 -
JavaScript是嵌入到浏览器软件当中的，只要电脑有浏览器就可以执行JS程序了。 -
JavaScript是一种面向对象的程序语言。 在程序中，对象是由属性和方法构成。 -
JS中的对象只要会用就可以，不需要我们自己去创建对象 -
跨平台性:
JS程序可以在多种平台下运行, 如: windows、linux、mac、android、ios等。 -
客户端脚本程序: JS只能在客户端的浏览器来运行, 不能再服务器端来运行。
-
浏览器是一个翻译器，可以翻译三种代码:
Html代码、CSS代码、JavaScript代码。
JavaScript能干什么？
-
表单验证: 是JS最基本的功能。
-
动态HTML: 可以实现一些动态的、重复的效果。
-
交互式: 人机交互，可以通过键盘或鼠标，与网页中的元素进行交互。
JavaScript名称的由来？
JavaScript最初叫"LiveScript"，是网景公司(Netscape)公司开发，为自己的浏览器Navigator2.0开的客户端语言。
###\<script>\</script>标记###
JS代码也是嵌入到HTML文档中去的。
同一个网页中，可以有HTML代码，CSS代码、JavaScript代码。
通过<script></script>来引入JS程序代码。
<script type="text/javascript">
//在<body>中输出一句话
document.write("我是通过js写出来的");
</script>
常用的两个客户端输出方法
document.write(str)
-
描述: 在网页的
<body>标记，输出str的内容。 -
document意思“文档”，就是整个网页。 -
document是一个文档对象，代表整个网页 -
wirte()是document对象的一个输出方法。 -
.小数点:通过小数点来调用对象的方法。 -
str: 表示要输出的内容。//创建一个网页标题 document.write("<h1>我是最大的标题</h1>") //创建一个网页的段落 document.write('<p style="color:blue;"> 这是第一个js文件哦</p>');
windown.alert(str)
-
描述: 在当前窗口中弹出一个警告对话框，
str为对话框中要显示的内容。 -
window代表当前浏览器窗口,window是一个窗口对象。 -
alert()方法: 弹出一个对话框。 -
str: 表示要输出的内容。window.alert("我是一个alert窗口!");
JS中的注释
-
HTML的注释:
<!-- 注释内容 --> -
CSS注释:
/* 注释 */ -
JavaScript注释:
// 或 /* 多行注释 */
变量
变量的概念
- 变量是变化的一个量。
- 变量可以是一个未知数。 x=1。
- 变量可以是一个符号。
- 变量可以看成车牌号。
- 变量一般是程序的数据。
- 变量是在内存中存在和运行的。
- 变脸是临时存在的数据。
变量的声明
-
变量的声明，相当于预定宾馆的房间。
-
语法格式:
var 变量名 = 变量值 -
声明变量是使用系统关键字var来进行的。
var name ; //声明一个变量 var name,sex,edu; //同时声明多个变量，多个变量间用英文下的逗号隔开 var name = "小明"; //声明一个变量并为其附上一个值
变量的命名规则
-
变量名可以包含字母、数字、下划线。
-
变量名不能以数字开头，可以以字母或下划线开头。
-
变量名不能是系统关键字。 如
var、switch、for、try、case、else、while等。
变量的数据类型
变量室友数据类型的，这个类型来源于“变量的值”。动态变量
JS中变量的类型有: 数值型、字符型、布尔型、undefined、null、array、object、function。
动态变量在进行运算的时候，只能进行同类运算。如果类型不同，将进行类型转换。