JavaScript(JS)的基础知识点
- 概述:是一门跨平台,面向对象的脚本语言,用来控制网页行为,可以使得网页可交互
- 引入方式
1.内部脚本 位于<script>......</script>
2.外部脚本 <script src = "js脚本"></script> - 基础语法
-
输出语句
window.alert()写入警告框
document.write()写入HTML输出
console.log()写入浏览器控制台 -
变量
2.1.用 var 关键字声明变量(由于JavaScript是一门弱类型语言,变量可以存放不同类型的值)
2.2.变量名规则:字母,数字,下划线,美元符号,数字不能开头 -
数据类型
3.1.原始类型
number:数字 (整数 ,小数 , N)
string:字符,字符串
boolean: 布尔
null :对象为空
undefined : 当声明的变量未初始化时 的默认值
3.2.引用类型
对象
数组
3.3数据类型转换
转换函数
parseInt("string"):字符串强制转化为整型
parseFloat("string"):字符串强制转化为浮点型
只有string类型才能调用上述方法,不然会返回NaN。
parseInt("string",2);当parseInt()方法带有两个参数时,第二个参数表示将字符串按二进制来转换成整数。
第二个参数可以设置为二进制,八进制,十进制,十六进制等。
强制转换函数
Boolean(value)——把给定的值转换成Boolean型;
Number(value)——把给定的值转换成数字(可以是整数或浮点数);
String(value)——把给定的值转换成字符串。 -
流程控制语句
if
switch
for
while
do...while -
函数
概念:被设计为执行特定任务的代码块,通过 function关键字定义
JS对象
Array对象 (长度和类型都可变)
定义方式:
var 变量名 = new Array(元素列表);
var 变量名 = [元素列表];
方式方式
变量名[index] = 值;
String
定义方式:
var 变量名 = new String ("字符串值")
var 变量名 = s;
方法
charAt(索引) 返回指定位置的字符
indexOf() 检索字符串
自定义对象4.BOM(浏览器对象模型)
组成:
Window:浏览器窗口对象
获取对象: window.alert("字符串");window.可以省略
显示一段消息,有确认和取消按钮 : confirm("字符串")
按照指定的周期,来调用函数或计算表达式 setInterval(function(){},毫秒值)
在指定的毫秒数后调用函数或计算表达式 setTimeout(function(){},毫秒值)
Navigator:浏览器对象
Screen:屏幕对象
History:历史记录对象
方法:
back() 加载history列表中的前一个URL
forward()加载history列表中的下一个URL
Location:地址栏对象5.DOM(文档对象模型)
概述: JavaScript 将 HTML 文档的各个组成部分封装为对象。
封装的对象:
Document :整个文档对象
Element:元素对象
获取元素对象 : Document
getElementById() :根据id属性值获取,返回单个Element对象
getElementsByTagName() :根据标签名称获取,返回Element对象数组
getElementsByName() :根据name属性值获取,返回Element对象数组
getElementsByClassName() :根据class属性值获取,返回Element对象数组
Attribute:属性对象
Text:文本对象
Comment:注释对象 -
事件监听
概念:JS可以在事件被侦测到时执行代码
常见事件
onclick :鼠标单击事件
onblur:元素失去焦点
onfocus: 元素获得焦点
onsumbit:表单提交触发的事件
-