告别画网页的我们,正式进入了js的学习,其实刚刚才开始,却觉得有一点点难了呀,但是希望大家好好坚持,好好消化呀!
什么是JavaScript?
JavaScript是一种基于对象和事件驱动的脚本语言,是由ecmascript(规范) bom(浏览器对象) dom(元素对象)组成。
而今天我们就来学习一下ecmascript(规范)吧!
ECMAScript是一种语法标准
包括了语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象
一、使用方法
1、内置
<body>
<script type="text/javascript">
/* 在文档中写入 */
document.write('kw52初学javascript')
/* 可以加上标签 */
document.write('<h1>kw52初学javascript</h1>')
</script>
</body>
2、 外部引入js
<body>
<!-- 外部引入js -->
<script src="./js/1.js" type="text/javascript"></script>
</body>
3、直接在html中使用js
<body>
<!-- 直接在html中使用js -->
<!-- ★使用按钮点击 执行document.write 会把页面上其他的内容覆盖 -->
<input type="button" value="点我" onclick="javascript:document.write('<h1>你好</h1>')">
<!-- alert('输入弹出的内容') 弹出框 -->
<input type="button" value="点我看看" onclick="javascript:alert('欢迎光临')">
</body>
<script>…</script>可以包含在文档中的任何地方,
★只要保证这些代码在被使用前已读取并加载到内存即可。
二、js变量
声明变量要使用关键字var
1、先声明变量再赋值
<body>
<script>
var width //width只是名字,想起什么名字都可以
width = 100
alert(width)
</script>
</body>
2、同时声明和赋值变量
<body>
<script>
var width = 100
document.write(width)
</script>
</body>
3、用,号同时声明赋值
☆只有最后一个可以被赋值,前面的变量为初始值undefined
<body>
<script>
var width,height = 100
alert(width) //undefined
alert(height) //100
// undefined(初始值)
</script>
</body>
4、不声明,直接赋值
☆会把width变量变成全局变量
<body>
<script>
width = 100
document.write(width)
</script>
</body>
三、数据类型
JS提供typeof操作符来检测变量的数据类型
用法例如: typeof age 或者 typeof(age)
有种情况相加 +号 代表拼接
1、undefined
变量a没有初始值,将被赋予undefined
<body>
<script>
var a;
document.write(a);
</script>
</body>
2、null
表示一个空值,与undefined值相等
typeof null ==> object(历史遗留问题)
表示比较值是否相等
<body>
<script>
var age = null;
// document.write(age);
document.write(null==undefined)
</script>
</body>
3、number 数字类型
分为 整数和浮点数(有小数点的)
<body>
<script>
var scorel1 = 90; //整数
var scorel2 = 95.5; //浮点数
document.write(scorel1 + '<br>')
document.write(scorel2 + '<br>')
document.write(typeof scorel1)
</script>
</body>
4、bollean
布尔型:true和false
true 表示相等
false 表示不相等
5、string 字符串
被引号(单引号或双引号)括起来的文本
6、symbol
es6新增类型symbol
表示一个独一无二的数(不和任何数相等,除非是他自己)