JavaScript基本知识1——数据类型、常、变量、运算符及表达式、函数、程序结构

最新推荐文章于 2023-04-23 23:33:55 发布

虚心求教的少年

最新推荐文章于 2023-04-23 23:33:55 发布

阅读量117

点赞数

分类专栏：培训笔记 HTML

本文链接：https://blog.csdn.net/qq_42712280/article/details/107504284

版权

培训笔记同时被 2 个专栏收录

52 篇文章 0 订阅

订阅专栏

HTML

9 篇文章 0 订阅

订阅专栏

脚本调试：

JavaScript可以添加在head中或body中，也可以建立单独的文件，使用时引用

直接在head或body中添加：

<HTML>
   <Head>
	<Script Language ="JavaScript">
		alert("这是放在<Head>标记中的代码。");
	</Script>
   </Head>
    
    <BODY>
    	<Script Language ="JavaScript">
    		alert("这是放在<BODY>标记中的代码。");
    	</Script>
    </BODY>
</HTML>

插入文件：

<html>
	<head>
		<Script Language ="JavaScript" SRC="10_1a.js">
		</Script> 
	</Head>
</html>
----------------------------------------
10_1a.js:
   alert("欢迎您到百纳科技Sun授权Java培训中心学习！");
	alert("这是第一个JavaScript例子!");
	alert("欢迎你进入JavaScript世界!");

声明变量：

<HTML>
   <HEAD>
	<Script Language="JavaScript">
		var r;
		var PI=3.1415926;
		var s;
		r = 3;
		s = PI*r*r;		
		document.write("半径为"+r+"的圆的面积为"+s);
		function fun1(){ alert("fun1()显示全局变量:"+r); }
	</Script>
	<script>	
		function fun2(){ var r=33; alert("fun2()显示局部变量:"+r);}
		function fun3(){  alert("fun3()显示全局变量:"+r);}
	</script>
   <HEAD>
   <BODY OnClick="fun1();fun2();fun3()">
   <br>
点击弹出窗口，变量分局部变量和全局变量，方法内定义变量为局部变量，方法外为全局变量
   </BODY>
</HTML>

添加方法：

<HTML>
   <HEAD>
    <Script Language="JavaScript">
		function plus(var1,var2)
		{
			var temp;
			temp=var1+var2;
			return temp;
		}
		
		function test() {
			var i,j;
			i=30;
			j=40;
			alert(plus(i,j));
		}
		function joinString()//字符串连接方法
		{
			var result="该字符串连接方法的结果：";
			for(var i=0;i<arguments.length;i++)
			{
			    result+=arguments[i];
			}
			
			return result;
		}
	</Script>
   </HEAD>

   <BODY OnLoad="test()">
		<Script Language="JavaScript">
			var result=joinString("H","ell","o","!!!");//字符串连接方法
			document.write(result);
		</Script>
   </BODY>
</HTML>

流程控制：

if{}else{}、do{}while()、switch（）case：、for()等和continue，break与Java中一模一样。

if..else:
<html>
	<head>
		<Script Language="JavaScript">
			var a,b,c;		
			a=120;
			b=230;
			c=40;	
			//下面求出a,b,c中的最大值
			if(a>b) 
				{
					//注意：下面的判断语句可以简写在一行中
					if(a>c)		
						{
							alert("最大值为a");
						}	
					else
						{		
							alert("最大值为c");
						}
				}
			else
				{
					if(b>c)
						{
							alert("最大值为b");
						}
					else
						{
							alert("最大值为c");
						}
				}
		</Script>
	</head>
	<body>
	</body>
</html>
------------------------------------------------------
switch。。case:
<html>
	<head>
		<Script Language="JavaScript">
			var a=20;
			
			switch(a)
			{
				case 20:
					alert("a=20");
					break;	
				case 30:
					alert("a=30");
					break;	
				case 40:
					alert("a=40");
					break;	
				default:
					alert("other value!");
					break;
			}
			
			
			var ms="appale";
			var fruit_count=0;
			var stationary_count=0;
			var other_count=0;
			
			switch(ms)
			{
			  default:
			   other_count++;
			  break;
			  
			  case "appale":
			  case "pear":
			    fruit_count++;
			  break;
			  
			  case "ruler":
			  case "pencil":
			    stationary_count++;
			  break;

			}
			
			document.write("fruit_count="+fruit_count+"<br>");//此处的"<BR>"为换行的作用
			document.write("stationary_count="+stationary_count+"<br>");
			document.write("other_count="+other_count+"<br>");
			
		</Script>
	</head>
	
	<body>
	</body>
</html>
-------------------------------------------
循环：
<HTML>
	<HEAD>
		<Script Language="JavaScript">
			var i;
			
			//for(i=1;i<=10;i++)	
			for(i=10;i>=1;i=i-2)
			{
				document.write(i);
				document.write("<BR>");
			}
			
			//for(i=1;i<=10;i=i+2)	
			//for(i=10;i>=1;i--)	
			//	
		</Script>
	</HEAD>

	<BODY>
	</BODY>
</HTML>