我的学习之路_第二十五_javaScript

时间:2024-03-28 17:04:02

Javascript

作用:可以对表单数据进行校验,可以对页面实现一些动态效果

定义: JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,
最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
后来出现了node.js.

js的入门:hello world

js引入方式:
1.方式一
通过script标签引入 alert():打印
2.方式二
通过script标签引入,src属性 运入一个外部的js文件.

注意:如果你使用了script标签的src属性,那么再去i标签体内的js代码不起作用了.

语法:
1.ECMAScript语法规范
livescript
2.BOM浏览器对象模型

3.DOM文档对象模型

1.变量定义
var i=1;
var m;
js中也有注释一说:
单行注释//
多行注释/**/
语句结束分号结尾 可以不写,建议写上
2.数据类型
原始类型:
Undefined:变量初始值 如果函数没有返回值 你却接收了
String:用""引起来
Number:数值
Boolean: turn | false
Null:null 一个对象的占位符
typeof运算符 它会判断当前变量的数据类型 如果它是原始类型,会返回数据类型的类型值(小写)
如果不是返回一个object
引用类型: new 对象();
3.控制语句
跟java基本一致
if for
4.运算符
跟java基本一致
关系运算符
> >= < <=
1.比较双方如果都是number类型 跟java一致
2.比较双方都是普通字符串 它会比较两者的ascci码
3.比较双方 一方是number 一方是可以转换成number类型,隐式转换再比较
4.比较双方 一方是number 一方是不可转换字符串 直接返回false

5.函数的定义
方式一:function 函数名(参数列表){
js代码块
}
方式二: 匿名函数
var f=function(参数列表){

}
注意: 调用函数
函数名(参数列表);
参数声明过程 参数列表不写类型
如果你想要返回值,值需要在函数结束用return关键字,返回结果即可!

6,事件
表单提交事件
事件名: 单机事件 onclick
页面加载成功事件 onload
事件绑定
方式一
通过标签的事件属性来绑定
方式二
派发机制

var obj=document.getElementById("属性ID的值");
元素.事件名=function(){ }
定时器:
方式一:
setInterval(函数名,周期性的间隔的毫秒值);
方式二:
setInterval("函数名()",周期性的间隔的毫秒值);
方式三:
setInterval(function(){
js代码块

},周期性的间隔的毫秒值);

定时器:两种定时器
定时器定义的函数会有一个返回值 返回值就是它的id
1.周期性定时器
var intervalId = setInterval(函数名,周期性的间隔毫秒值)
2.一次性定时器
var timeoutId = setTimeoutId(函数名,延迟的毫秒值);

清除定时器 :
1.清除周期性定时器
clearInterval(周期性定时器的id);
2.清除一次性定时器
clearTimeoout(一次性定时器的id);

BOM 浏览器对象模型
window:
//如果获取的是window属性或者方法 window可以不写

常用属性:
用它获取其他几个常用属性
var history=window.history;
history===window.history
常用方法:
弹出框类:
alert("信息");//弹出警告框
confirm("你确认删除吗?");//弹出一个确认框
prompt("输入信息的提示信息",默认值);//弹出一个输入框 如果你确定
返回你输入的值,如果取消 null
定时器:
打开和关闭: open(url); close();

History:
forward:前进一个页面
back:后退一个页面
go(1); 1:前进一个页面 -1:后退一个页面

Location: href:设置值,跳转