一.什么是js:
JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)
核心(ECMAScript):语法语句
文档对象模型(DOM)
浏览器对象模型(BOM)
引入内嵌式1
<script type="text/javascript">
//此处为JavaScript代码
</script>
引入外联式
<script src="1.js" type="text/javascript" ></script>
二.变量
1.var 变量名; //JavaScript变量可以不声明,直接使用。默认值:undefined (声明操作)
2.var 变量名 = 值; //JavaScript变量是弱类型,及同一个变量可以存放不同类型的数据 (赋值操作)
三.数据类型
1. undefined 默认是 undefined
2. Null ,只有一个专用值 null,表示空,一个占位符。值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。
3.
Boolean
,有两个值
true
和
false
4.
Number
,表示任意数字
5.String 字符串由双引号(")或单引号(')声明的
引用类型:
造一个对象:var obj = new Object();
造一个字符串对象:var str = new String();
造一个日期对象:var date = new Date();
四:函数
1.普通函数:
function 函数名(参数列表){
js逻辑代码
}
函数调用:函数名(实际参数)
例如:
求和函数
function add(a,b){
alert(a+b);
}
2.匿名函数:
没有名字的函数
function(参数列表){
js逻辑代码
}
但是匿名函数没有办法直接调用,一般情况下匿名函数有两种使用场景:
第一种:将匿名函数赋值给一个变量,使用变量调用函数
定义函数并赋值给变量:var fn = function(参数列表){js逻辑代码}
调用函数:fn(实际参数);
第二种:匿名函数直接作为某个函数实际参数
例如:
function xxx(数字类型参数,字符串类型的参数,函数类型的参数){
//js逻辑代码
}
调用该函数:
xxx(100,”abc”,function(){});
3.事件
事件名
|
描述
|
onload
|
某个页面或图像被完成加载
|
onsubmit
|
当表单提交时触发该事件---注意事件源是表单form
|
onclick
|
鼠标点击某个对象
|
ondblclick
|
鼠标双击某个对象
|
onblur
|
元素失去焦点
|
onfocus
|
元素获得焦点
|
onchange
|
用户改变域的内容
|
onkeydown
|
某个键盘的键被按下
|
onkeypress
|
某个键盘的键被按下或按住
|
onkeyup
|
某个键盘的键被松开
|
onmousedown
|
某个鼠标按键被按下
|
onmouseup
|
某个鼠标按键被松开
|
onmouseover
|
鼠标被移到某元素之上
|
onmouseout
|
鼠标从某元素移开
|
onmousemove
|
鼠标被移动
|
五.BOM对象
浏览器对象模型(将客户端的浏览器抽象成一类对象),是将我们使用的浏览器抽象成对象模型,例如我们打开一个浏览器,会呈现出以下页面,通过js提供浏览器对象模型对象我们可以模拟浏览器功能。
1.Screen对象,Screen 对象中存放着有关显示浏览器屏幕的信息。
2.
Window对象,Window 对象表示一个浏览器窗口或一个框架。
3.Navigator对象,包含的属性描述了正在使用的浏览器
4.History对象,保存浏览器历史的记录信息
5.Location对象,Location 对象是 Window 对象的一个部分,可通过window.location 属性来访问。
1>Window对象三个作用
弹框的方法
定时器
全局方法
2>弹框的方法
提示框:alert(提示信息)
确认框:confirm(提示信息)
输入框:prompt(提示信息)
3>定时器
执行多次的定时器setInterval(函数,毫秒值)
执行一次的定时器:setTImeout(函数,毫秒值)
清除定时器:clearInterval
轮播图:
<script type="text/javascript">var i = 1;setInterval(function(){var imgId=document.getElementById("imgId");if(i<=3){i++;}else{i=1;}imgId.src="img/"+i+".jpg";},3000);</script>
定时弹广告:
<script type="text/javascript">setTimeout(function(){var adDiv = document.getElementById("adDiv");adDiv.style.display="block";setTimeout(function(){adDiv.style.display="none";},3000);},3000);</script>
4>.全局方法
-
parseInt/parseFloat函数 ---- Integer.paseInt();
-
eval函数---特点:可以将字符串解析成js脚本
5.Location对象
location.href可以在js中进行url访问
location.href相当于在浏览器的地址栏中输入地址 并敲回车