`
qinweiping
  • 浏览: 128473 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

javascript基础(二)

 
阅读更多

今天复习了下JavaScript的常量 数据类型 NUll与define的区别 强制类型转化 顺便写了一个有交互性功能的小程序

JS的运算符有1 数字型 2 布尔型 逻辑型 3 字符串 4空 NULL 不允许写NULL类型的只有一个值null 用来表示尚未存在的对象

undefine类型的也只有一个值 undefine申明变量的时候还未被初始化时,变量默认值是undefine

   用editPlus建一个HTML文件 其中加入一条语句<meta name="content-type" content="text/html;charset=utf-8">加入script标签

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="Content-type" content="text/html;charset=utf-8">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
    var a;
	var testDiv=document.getElementById("testDiv");
	if(a===testDiv){
	  alert("true");
	}else{
	  alert("false");
	}
	//判断null和define是否相等的第二种解法
	if(typeof a==typeof testDiv){
	  alert("true");
	}else{
	  alert("false");
	}
	alert("testDiv:"+testDiv);
	alert("a:"+a);

	var b=88;
	function changeB()
	{
	  b="abc";
	  alert("b:"+b);
	}
	var b=100;
	function changeB()
	{
	  var result=prompt("请输入一个数字:" ,88);
	  alert(b+result);
	  alert(b+parseFloat(result));
	}
	
//-->
</SCRIPT>
</HEAD>

<BODY>
  <input type="button" value="数据类型转换" onclick="changeB()">
</BODY>
</HTML>
 

 



 

 

 

 

 

这里要注意==和===的“===”表示绝对等于 所以返回的是true 



 下面还有一个交互性的程序 请看示意图


代码如下:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="content-type" content="text/html;charset=utf-8">
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
 function calcu(){
 
   var price=document.getElementById("txtPrice").value;
   var num=document.getElementById("txtNum").value;
   var total=parseFloat(price)*parseFloat(num);
   document.getElementById("txtTotal").value=total;
   if(total>500&&total<=1000){
      alert("将赠送超级Q币2枚");
   }else if(total>1000&& total<=2000){
      alert("将赠送IBM智能光电鼠标一个")
   }else if(total>2000){
      alert("请直接和贵宾台联系!");
   }

 }
//-->
</SCRIPT>
</HEAD>

<BODY>

<label for="txtPrice">竞拍价格:</label><input type="text" id="txtPrice"></br>
<label for="txtNum">  竞拍数量:</label><input type="text" id="txtNum"></br>
<label for="txtPrice">竞拍总价:</label><input type="text" id="txtTotal"></br>
<input type="button" value="计算看看" onclick="calcu()">

</BODY>
</HTML>

 好了 今天就复习到这里 明天继续哈哈 我的新浪微博是http://weibo.com/qinweiping我会相关整理很多文档 包括EXTJS 数据库 CRM开发 C数据结构实战教程 操作系统实验教程 主要都是实践为主 希望对大家有所帮助 谢谢!

  • 大小: 10.2 KB
  • 大小: 8.8 KB
  • 大小: 8.7 KB
  • 大小: 10.2 KB
  • 大小: 8.4 KB
  • 大小: 10.2 KB
  • 大小: 10.3 KB
  • 大小: 10.5 KB
0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics