莫西莫西,好久不见,大家喉!今天又要学习新知识惹,开不开森,快不快落!是的!开心、快乐,那么接下来欢迎进入js世界!
js的定义
js的发展
js组成及引入方式
js基础知识
新的改变
一、js的定义:
是一种具有函数优先的轻量级,解释型 或即时编译型的编程语言。(单线程)
二、js的发展:
它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。
发展初期,JavaScript的标准并未确定,同期有Netscape的JavaScript,微软的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:ECMA-262。
三、js的组成:
ECMAScript,描述了该语言的语法和基本对象。
文档对象模型(DOM),描述处理网页内容的方法和接口。
浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。
引入方式:
1.行内 标签内写 onclick:“js内容” 。
<div onclick="alert()"></button>
2.内部 在head或body中,运用script标签。
<script></script>
3.外部 scr属性引入
<script src=""></script>
四、js基础知识
1.变量:变量是存储数据值的容器
声明变量:var 变量名 = 变量值;
变量命名规则:
①只能由 字母 数字 下划线 $ 组成,不能出现别的符号,例:@ # % &。
②严格区分大小写,例: // var a 和 var A 这两个变量输出完全不同。
③不能以数字开头,例:var 1a。
④不能是保留字和关键字,例:var var。
⑤变量名要做到见名知意。
<script>
var num = "你好";
</script>
2.js中的输出方式:
第一种:页面弹框(确定框) alert(“ ”);
<script>
var num = "你好";
alert(num);
</script>
第二种:页面弹框(确定取消框) confirm(“ ”);
<script>
var num = "你好";
confirm(num);
</script>
第三种:输入框 prompt(“ ”);
<script>
var num = "你好";
prompt(num);
</script>
第四种:页面打印 document.write(“ ”);
<script>
var num = "你好";
document.write(num);
</script>
第五种:控制台输出 console.log(“ ”); (按F12打开控制台,记得打开后刷新)
<script>
var num = "你好";
console.log(num);
</script>
3.js中的数据类型
5种数据类型:Undefined、Null、Boolean、Number和String
原始值数据类型
Number: 数据类型, 包括整数和小数;
String:字符串类型," "、’ '包括起来的数据都是字符串类型,在输出的时候会原样输出;
Boolean:布尔类型,true/fales;
undefined : 未定义。
null: 空;
类型判断方法:
①.isNaN (全称:is not a number) :用来判断一个变量是否为非数字类型,返回的是布尔变量,例:
<script>
var a = 123;
var b = "abc";
document.write(isNaN(a)+" ");
// 页面输出 false
document.write(isNaN(b));
// 页面输出 true
</script>
②.typeof() :用来判断变量的数据类型,例:
<script>
var a = 123;
var b = "abc";
var c = true;
var d;
console.log(typeof(a));
// 控制台输出 Number(数字类型);
console.log(typeof(b));
// 控制台输出 String(字符串类型);
console.log(typeof(c));
// 控制台输出 Boolean(布尔类型);
console.log(typeof(d));
// 控制台输出 undefined(未定义);
</script>
注 特殊情况:
<script>
var a = "123";
console.log(isNaN(a)+" ");
// 控制台输出false而不是true,这里a变量的值为纯数字,所以会被隐式转换为Number类型。
console.log(typeof(a));
// 控制台输出 String(字符串类型)。
</script>
4.数据类型转换
转换为字符串类型:
toString();
String();
+ 号拼接;
例:
<script>
var a = 123;
var b = "123";
console.log(typeof(toString(a)));
console.log(typeof(a.toString()));
console.log(typeof(String(a)));
console.log(typeof(a+b));
// 控制台均输出 String(字符串类型);
</script>
转换为数字类型:
Number();
parseInt();整数类型
parseFloat();浮点类型
例:
<script>
var c = "12.2";
console.log(typeof(Number(c)));
// 控制台输出 Number(数字类型);
console.log(parseInt(c));
// 控制台输出 12;
console.log(parseFloat(c));
// 控制台输出 12.2);
</script>
转换为布尔类型:
Boolean();
例:
<script>
var d = 1;
console.log(typeof(Boolean(d)));
// 控制台输出 Boolean(布尔类型);
</script>
5.转义字符
- \n 换行 例:
<script>
console.log("zcasdv \n sjdfivhwjfnbvuiwrfb");
</script>
- \t 制表符 例:
<script>
console.log("zcasdv \t sjdfivhwjfnbvuiwrfb");
</script>
- \ 一个\ 例:
<script>
console.log("zcasdv \\ sjdfivhwjfnbvuiwrfb");
</script>
- \b 空格 例:
<script>
console.log("zcasdv \b sjdfivhwjfnbvuiwrfb");
</script>
ok,今天学习到这里,下次我们就要学习运算符啦,准好准备!!!
先休息下眼睛