JavaScript主要用来向HTML页面中添加交互行为。
JavaScript是一种脚本语言,语法和Java类似。
JavaScript一般用来编写客户端的脚本。
JavaScript十一张解释性语言,边执行边解释。
2.浏览对象模型(Brwser Object Model,BOM);
文档对象模型(Document Object Model,DOM);
3.基本结构
<script type="text/javascript">
javascript语句;
</script>
4.变量的声明和赋值
语法:var 合法的变量名;
var width=30;
var x,y,z=10;
javascript区分大小写,所以大小写不同的变量名表示不同的变量。
5.数据类型
undefinde(未定义类型):var width;
null(空类型):alert(null==undefinde);//返回值为true
number(数值类型):var iNum=23;var iNum=23.0
String(字符串类型)
boolean(布尔类型):语法 typeof(变量或值)
6.数组
语法
var 数组名称=new Array(size)
var fruit=new Array("apple","orange","peach","bananer");
var fruit=["apple","orange","peach","bananer"];
javascript 函数
parseInt()函数可解析一个字符串,并返回一个整数。
parseInt(“字符串”);
var num=parseInt(“78.89”);//返回值为78
parseFloat()函数可解析一个字符串,并返回一个浮点数。
parseFloat(“字符串”);
var num=parseFloat("45.78");//返回值为45.78
isNaN()函数用于检测其参数是否是非数字
isNaN(x)
var flag=isNaN(“12.5”);//返回值为false
自定义函数
function 函数名(参数1,参数2,参数3,...){
//javascript语句;
[return 返回值]
}
javascript对象
window对象常用的属性
history:有关客户访问过的URL的信息
location:有关当前URL的信息
常用的方法:
alert():显示一个带有提示信息和一个“确定”按钮的警示对话框。
confirm():显示一个带有提示信息和一个“确定”和“取消”按钮的对话框
setTimeout():在指定的毫秒数后调用函数或计算表达式
setInterval():按照指定的周期(以毫秒计)来调用函数或表达式
document对象
常用属性
referrer :返回载入当前文档的URL
URL:返回当前文档的URL
常用方法:
getElementByid()返回对拥有指定id的第一个对象的引用
getElementsByName()返回带有指定名称的对象的集合
getElementsByTagName()返回带有指定标签名的对象的集合
write()向文档写文字,HTML表达式或javaScript代码
定时函数
常用定时函数:
两个定时函数:setTimeout()//用于在指定函数的毫秒后调用函数计算表达式。
setInterval()指定的周期(以毫秒计)来调用函数或计算表达式。
清除两个函数:clearTimeout()和clearInterval()
倒计时的例子:
window.onload = function () { var time; var dom1 = document.getElementById("btn1"); var dom2 = document.getElementById("btn2"); dom1.onclick = function() { time = setInterval(mytime,1000); } dom2.onclick = function () { clearInterval(time); } function mytime() { var dom=document.getElementById("msg"); var num = dom.innerText; if (num>0) { num--; } dom.innerText = num; } }
定时图片切换例子 var num = 1; function disptime() { if (num<5) { num++; } else { num = 1; } var dom = document.getElementById("myimg"); dom.src = 'im/images/'+num+'.jpg'; } setInterval("disptime()",1000);
var userName="jack"; //根据用户名显示欢迎信息 function hello(_name){ alert("hello,"+_name); } //创建一个函数,用于返回一个无参数函数 function _hello(_name){ return function(){ hello(_name); } } window.setTimeout(_hello(userName),3000); 这里定义了一个函数_hello,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。在 window.setTimeout函数中,使用_hello(userName)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。