JavaScript和Java的区别

Javascaript和Java的区别

|--javascript：是网景公司的，java是sun公司的，现在被oracle公司收购了；

|--ie被直接捆绑到了windows系统当中，买windows送ie；同时也是推出了一个脚本语言就是JScript的脚本语言；这个语言和javascript很像，但是还是javascript更大行其道一些；

|--javascript是基于对象的。内部是通过对象来进行存储的；java是面向对象的，我们看到这个对象可以用语言来描述这个对象；

但是用js也是可以进行描述的这个过程；

|--javascript只需要解释就可以执行；而java是要先编译成字节码文件，然后才是可以执行的；她们在操作的时候是不一样的，js是更简单的；

|--javascript是弱类型的；而java是强类型的；

强类型就是每一种类型对应有相应的类型来对应，而且会要开辟固定的空间；

弱类型：就是搞了变量，什么都是存到里面的；

下面演示在MyEclipse里面的day03-dom下面的01_JavascriptDemo文件下

Javascript和HTML相结合的方式

|--<style></style>是用在CSS里面的标签；

|--<script></script>是用在javascript里面的；用于封装数据的范围区域；要放到标签里面才能使用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<script type="text/javascript" src="Javascript/hello.js">
	/* alert("Person demo"); */
	/* 但是这时这个 Person demo却是没有执行，是因为如果在script标签中使用了src属性，就是引入了js文件，在单独封装javascript的时候，是用的js的一个后缀名，就是javascript的简称；
	那么内部封装的代码就不执行了；如果一定要执行的话，那么就要单独封装一个代码；
	就是单独封装一个script；
	*/
	<!-- 现在有一个需求就是要所有的页面都要跳出这个Person demo	 -->
</script>
<script type="text/javascript">
	alert("Person demo");

</script>
<!-- 两种javascript和html相结合的方式； -->

</body>
</html>

javascript的变量和运算符；

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<style type="text/css">
	table{
		width:600px;
	}
	table,table td{
		border:dotted 1px blue;
	}

</style>


</head>
<body>
	<script type="text/javascript">
	/* 演示语句
		if  while for break  continue
		
	*/
	var x=5;
	
	/* if(x==9){
		alert("yes"); 	 
	}else{
		alert("no");
	}
	 */
	 //alert(true+2);
	//在javascript中  非0非null即为true。默认为1；否则都是false，默认为0；
	
	var y=1;
	/* while(y<3){
		alert("y="+y);
		y++;
	}
	for(var x=0;x<3;x++){
		alert("x="+x);
	} */
	
	//javascript的练习：九九乘法表；
	document.write("<table>");//都放到表格里面
	for(var a=1;a<=9;a++){
		document.write("<tr>");
		for(b=1;b<=a;b++){
			//js中的输出语句是：document.write("hehe")
			document.write("<td>"+b+"*"+a+"="+a*b+"</td>");//要进行一次换行；全部放到单元格里面
		}
		document.write("</tr>");//定义行；
		//document.write("<br/>");//网页里面的换行是   br；这个其实就是把br这个标签写到了网页上。网页要对这个标签进行解析；
	}
	
	document.write("<table>"); 
	</script>



</body>
</html>

局部变量和全局变量

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

	<script type="text/javascript">
	//函数；
	//在js里面因为是弱类型的，没有返回值类型；用的是关键字function
	/* js里面定义函数的格式：
	function 函数名(参数列表){
		函数体；
		return 返回值;
	} */
	//一个简单的函数体现；
	/* function show(){//这是一个空参数的函数；
		alert("show run");
	}
	show(); */
	//写一个带有参数的；
	//javascript中的函数内置了一个参数数组，是一个空参数的；用于存储接收到的实际参数；数组名为arguments;
	function show(){
		//document.write("x="+x+",y="+y);
		//document.write(arguments.length);//数组的长度；
		//遍历数组中的元素；
		for(var x=0;x<arguments.length;x++){
			document.write(arguments[x]+",");
		}
	}
	
	//调用一下；
	//show(546,578,90,76);
	
	function method(){
		return 100;
	}
	//var z = method();//运行method方法，将运行完的结果返回并赋值给z；
	var z = method;//将method引用存储的对象的地址赋值给z；那么z也指向了这个函数对象；
	//alert("z="+z);//直接弹出z，z指向的对象转成字符串，其实就是调用了toString()方法；函数对象的字符串表现形式就是函数的定义形式；
	
	
	//函数另外两种体现：
	//动态函数：使用js中的已有的内置对象；就是Function;
	//有什么区别呢？
	var getSum = new Function("x,y","var sum = x+y;return sum;")
	
	var sum  = getSum(4,6);
	//alert(sum);//这个是一个动态的函数；和定义函数，有什么区别？-->区别就是  一般的定义函数，函数已经被固定住，函数的内容和参数都是固定的，而动态的定义参数都是可以变化的，也就是说函数和参数的内容都是可以传递进来的；
	//还有一个就是匿名函数；
	function abc(){
		alert("abc run");
	}
	var qq = abc;//这个就是qq指向和abc这个函数；
	
	var qq = function(){
		alert("run");
	}
	//qq();
	
	//匿名变量和全局变量；
	只要是在script中创建的变量即使定义在语句中的也是全局变量；
	局部变量是定义在函数中的变量；
	function method7(){
		alert("n="+n);//这个是一个局部变量，定义在函数中的变量；是一个局部变量’
	}
	//var n  = 8;
	
	var m =8;//这个是全局变量
	function setValue(m){
		m = 90;
	}
	setValue(m);
	alert("m="+m);
	
	</script>


</body>
</html>

js对象

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
	
	/*
	js里里面的内置对象
	有Array  String   Date  Boolean
	*/
	
	var str  = "abc";
	var s = str.bold();
	//alert(s);
	//document.write(s);
	
	var date = new Date();
	document.write(date.toLocaleDateString());
	</script>


</body>
</html>

javascript里面原型的使用；

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript" src="Javascript/arraytool.js">
	</script>
	<script type="text/javascript" src="Javascript/stringtool.js">
	</script>
	<script type="text/javascript">
	/*现在是我想要的方法，他的里面是没有的；
	现在我想操作数组，就是要获取数组中的最值；那么自己定义了一个getMax的方法，那么能不能添加到数组当中去呢？
	让数组对象本身就具备了求最值的方式；*/
	//js没有继承，但是可以通过原型继承在js中的体现；
	//给妖怪添加新的功能，那么美女也是具备这个新的功能的；
	//原型的使用，给已有的js中的类添加新的属性和行为
	
	//给数组原型添加了一个新的属性
	
	
	var arr = [456,8766,567,4664,77655];
	var max = arr.getMax();
	//document.write("max="+max);
	var str = "    zhangsan    ";
	alert("str=-"+str.trim()+"-");
	
	</script>


</body>
</html>

|--在javascript里面原型的使用，主要的还是要做3个动作，就是要定义脚本，也就是.js   -->这个主要是在写方法；比如去最值的方法和去除两端空格的方法；

|--第二部就是：要引入.js脚本文件，文件要引入到标签里面；就是<script></script>  属性里面的src属性；

|--第三步就是。调用原型的方法；并输出；