JavaScript第一天

JavaScript的诞生

javascript历史回顾
JavaScript 因为互联网而生,紧随着浏览器的出现而问世。回顾它的历史,就要从浏览器的历史讲起。

1990年,欧洲的Tim Berners-Lee(伯纳斯·李)在互联网基础上发明了万维网,可以在网页上浏览器网页文件。最早的网页只能在操作系统的终端里浏览,也就是只能用命名行的方式,网页在字符窗口里显示,非常的不方便。

1992年,NCSA开始开发一个独立的浏览器,叫做Mosaic。Mosaic:互联网历史上第一个获普遍使用和能够显示图片的网页浏览器

1994年12月,navigator发布了1.0版,市场份额一举超过90%。 Netscape 公司很快发现,Navigator浏览器需要一种可以嵌入网页的脚本语言,用来控制浏览器行为。当时,网速很慢而且上网费很贵,有些操作不宜在服务器端完成。比如,如果用户忘记填写“用户名”,就点了“发送”按钮,到服务器再发现这一点就有点太晚了,最好能在用户发出数据之前,就告诉用户“请填写用户名”。这就需要在网页中嵌入小程序,让浏览器检查每一栏是否都填写了。

1995年5月,Brendan Eich只用了10天,就设计完成了这种语言的第一版。最初名字叫做 Mocha,1995年9月改为LiveScript。12月改名叫做JavaScript当时的意图是将 JavaScript 作为 Java 的补充,用来操作网页。

1996年3月,Navigator 2.0 浏览器正式内置了 JavaScript 脚本语言。

1996年8月,微软模仿JavaScript开发了一种相近的语言,取名为JScript(JavaScript是Netscape的注册商标,微软不能用),首先内置于IE 3.0。Netscape公司面临丧失浏览器脚本语言的主导权的局面。

1996年11月,Netscape公司决定将JavaScript提交给国际标准化组织ECMA。目前共25个人。该委员会定期开会,所有的邮件讨论和会议记录,都是公开的。

四种输出方式

a) alert() 在页面中弹出提示框
b) dconsole.log() 在控制台中打印出信息
c) document.write() 在页面中打印出
d) prompt(“这里写我们要提示的内容:”) 接收用户输入的信息

	alert("冯**");
    document.write("冯**");
    console.log("冯**");
    prompt("请输入姓名...")

JavaScript的组成
ECMAScript标准 - JavaScript的核心
BOM - 浏览器对象模型
DOM - 文档对象模型

JavaScript特点
JavaScript:简称:JS
是一门编程语言 d
是一门客户端脚本语言,是一门弱类型的语言,声明都用var
是一门解释性的语言,是一门动态类型的语言,当浏览器解析这行代码的时候,才知道这个变量具体是什么类型,
是一门基于对象的语言,直接使用系统当中的对象.
js最初的目的:解决用户和浏览器之间的交互问题
现在的目的:特效,游戏,应用程序,服务器端的程序
JavaScript版本
1997年EcmAS Cript 1.0
1998年EcmAS Cript 2.0
1999年EcmAS Cript 3.0
2008年EcmAS Cript 5
2015年EcmAS Cript 6
JavaScript最初的目的
最初的目的是为了处理表单的验证操作

标识符

概念:给变量,函数等取名字的字符序列
命名规则:

由数字,字母,下划线___,美元符号$,组成
不能以数字开头。
不能是关键字(关键字是JS语言赋予特定含义的单词 如 :var)
区分大小写。
四种输出方式
alert(); 弹出框
console.log(); 控制台输出 d
ocument.write(); 页面输出
prompt(); 输入框
弹出框

控制台输出

页面输出

输入框

变量及变量声明

什么是变量:在程序运行过程中,值会发生改变的量。
如何声明变量:
用var声明:

var a; //声明是一个变量a
a = 10; //将10赋值给a

简化为:

var a = 10; //声明这是一个变量名为a。将10赋值给a

var a = 10; //声明一个变量a,并赋值
var b = 20; //声明一个变量b,并赋值
var c = 30; //声明一个变量c,并赋值

var a,b,c //同时声明变量 a,b,c
a = 10;
b = 20;
c = 30;
var a= 10, b = 20, c = 30; //不建议
命名规范
见名识意:sum(和) apple price(苹果价格)nama(名字)height(高度)
color(颜色) width(宽度)

驼峰命名法:多个单词组成,第二个单词首字母大写
(apple Price)

常用命名:
sum(和)max(最大值)min(最小)num(数字) str(字符串)
arr(数组名)

数据类型:
numaber 数值类型
string 字符串类型
Boolean 布尔类型
null 空类型
undefined 未定义类型
object 对象类型
标题在页面中输入一个2*2的表格

Document

// 在页面中输出2*2的一个表格?
document.write("










1w
12
");

document.write("死生契阔<br>与子成说<br>执子之手<br>与子偕老");

console.log("死生契阔\n与子成说\n执子之手\n与子偕老");

alert("死生契阔\n与子成说\n执子之手\n与子偕老");
简单数据类型 Number、String、Boolean、Undefined、Null

Number类型
数值字面量:数值的固定值的表示法
1
String类型
字符串字面量
1
Boolean类型
Boolean字面量: true和false,区分大小写
计算机内部存储:true为1,false为0
1
2
Undefined和Null

  1. undefined表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined
  2. null表示一个空,变量的值如果想为null,必须手动设置
    1
    2
    typeof 用于检测是哪种数值类型

复杂数据类型
Object 对象类型

单行注释
用来描述下面一个或多行代码的作用

// 这是一个变量
var name = ‘hm’;
1
2
多行注释
用来注释多条代码

/*
var age = 18;
var name = ‘zs’;
console.log(name, age);
*/
1
2
3
4
5
转义符

字符串拼接

字符串拼接使用 + 连接

console.log(11 + 11); //22
console.log(‘hello’ + ’ world’); //hello world
console.log(‘100’ + ‘100’); //100100
console.log(‘11’ + 11); //1111
console.log(‘male:’ + true); //maletrue
如何定义变量 在控制台打印

Document Document

var e = ‘10’
var f = ‘呵呵’
var g = ‘abc’

var h = true;
var k = false;

var u;
var n = null;
console.log(typeof n);//Object

我是一个"‘好学生’"
var str = “我是一个”‘好学生’"";
var str1 = ‘我是\t张三’
console.log(str)
console.log(str1)

var str1= “hello world”
console.log(11 + 11); //22
console.log(‘11’ + ‘11’);//1111

console.log(‘hello’ + ’ world’);
console.log(‘11’ + 11);//1111 22
console.log(11+‘11’);//1111 22
console.log(11+11+‘11’);//22+‘11’ 2211
console.log(11+“11”+11+11+‘11’);//111111111

第一天(结束) ———————————————— 版权声明:本文为CSDN博主「Theladder666」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/Theladder666/article/details/103561917
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值