什么是数据?
计算机里面看到的所有东西都是数据;
为了更好的使用数据,js分成5种数据类型。
五种数据类型:
- 数值型--number 例子:1 2 1.34 36 等。
- 字符串型--string 例子:‘呵呵哒’ ‘ABCDEFG’ '123',注意:字符串类型的数据如果要相加,那就相当于把两个字符串做了一次简单的连接操作 ‘abc’ + ‘cdg’ = ‘abccdg’。
- 布尔型--boolean 例子:true false 只有这两个值代表真和假。
- 对象型--object 例子:是一种复杂数据类型,默认值是null
- 未定义--underfined 代表没有定义,它只有一个值,就是它自己。
js如何检测数据类型?
用-typeof() 例子: var num001 = ‘007’; alert(typeof(num001)); 结果是007001.
js如何转换数据类型:
用-parseInt() 将字符串转化为数值类型。var num001 = ‘1000’; var num002 = ‘2000’; alert(parseInt(num001)+parseInt(num002)); 结果是3000。
var num01,num02,num03,num04,num04;
num01 = 1234;
num02 = '1234';
num03 = true;
num04 = null;
document.write('num01的类型是:' + typeof(num01) + '<br />');
document.write('num01的类型是:' + typeof(num01) + '<br />');
document.write('num02的类型是:' + typeof(num02) + '<br />');
document.write('num03的类型是:' + typeof(num03) + '<br />');
document.write('num04的类型是:' + typeof(num04) + '<br />');
document.write('num05的类型是:' + typeof(num05) );
结果是:
num01的类型是:number
num02的类型是:string
num03的类型是:boolean
num04的类型是:object
num05的类型是:undefined
num02的类型是:string
num03的类型是:boolean
num04的类型是:object
num05的类型是:undefined
自定义函数的书写: function fn(){} ;
-定义函数关键字function;
-函数名称fn; 例:num1 num2;
-参数集()
-函数体{}
如何调用?-fn(); 也就是使用函数;
例:
function num001(name){
alert(‘你好’ +name)
}
num001('奥巴马');
自定义函数存在的最大意义,在于简化代码!
例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
div {
width:300px; height: 100px; border: 1px solid red; background-color:#ccc; display: none;}
</style>
<body>
<button id="btn01">按钮01</button>
<button id="btn02">按钮02</button>
<button id="btn03">按钮03</button>
<div id="div01">box01</div>
<div id="div02">box02</div>
<div id="div03">box03</div>
</body>
</html>
<script type="text/javascript">
function btnDisplay(par01,par02){
var mybtn = document.getElementById(par01)
var mybox = document.getElementById(par02)
mybtn.onclick = function(){
mybox.style.display ='block'};
}
btnDisplay('btn01','div01');
btnDisplay('btn02','div02');
btnDisplay('btn03','div03');
</script>