js数据类型

什么是数据?

     计算机里面看到的所有东西都是数据;

     为了更好的使用数据,js分成5种数据类型。


五种数据类型:

  1. 数值型--number 例子:1  2  1.34  36 等。
  2. 字符串型--string 例子:‘呵呵哒’   ‘ABCDEFG’   '123',注意:字符串类型的数据如果要相加,那就相当于把两个字符串做了一次简单的连接操作  ‘abc’ + ‘cdg’ = ‘abccdg’。
  3. 布尔型--boolean  例:true  false 只有这两个值代表真和假。
  4. 对象型--object  例子:是一种复杂数据类型,默认值是null
  5. 未定义--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

自定义函数的书写: 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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值