_javaScript_Html笔记二

JavaScrip 概述基于对象的程序设计语言 弱类型语言 非严谨  在客户端只要有浏览器就能被执行  安全性可以做信息的动态交互 跨平台性，

跟 html结合方式

第一种

<script type= “text/javascript”>

 写一堆代码

 </script>

第二种 为了提高复用性可以把代码写好保存成js为后缀名的文件，用的时候连接进来如下

<script type= “text/javascript” src =”1.js”>

 </script>

在这里面要连接两个boolean表达式的时候一定要用双&& 和 双 || 如果用单& 或者单| 则会对之后的结果进行位运算 

swith语句在java中能接受 char int short byte 

在js中可以接受 String  

在javascript里面数组是可变长度的 相当于集合而且是想装什么装什么 可以同时装数字 字母 Boolean型 

 

通过javascript代码在网页上打印一个99乘法表

document.write("<table>");
		for(var x =1;x<=9;x++)
		{
			document.write("<tr>");
			for(var y =1;y<=x;y++)
			{
				document.write("<th>"+y+"*"+x+"="+y*x+"</th>");
			}
			document.write("</tr>");
		}
		document.write("</table>");

对数组进行排序并通过alert体现排序结果

var arr = [5,1,2,6,8,4,3] ;
		for(var x=0;x<arr.length;x++)
		{
			for(var y = x+1;y<arr.length;y++)
			{
				if(arr[x]>arr[y])
				{
					var temp = arr[x];
					arr[x]=arr[y];
					arr[y]=temp;
				}
			}
		}
		for(var x=0;x<arr.length;x++)
		{
			alert(arr[x]);
		}

想要把上面的功能都封装起来可以这么办

var arr = [5,1,2,6,8,4,3] ;
	function show(arr)
	{
		for(var x=0;x<arr.length;x++)
		{
			for(var y = x+1;y<arr.length;y++)
			{
				if(arr[x]>arr[y])
				{
					var temp = arr[x];
					arr[x]=arr[y];
					arr[y]=temp;
				}
			}
		}
	
	}
	show(arr);
	var str ="";
	function printArr(arr)
	{
		for(var x=0;x<arr.length;x++)
		{
			if(x!=arr.length-1)
				str+=arr[x]+",";
			else	
				str+=arr[x];
		}
		alert(str);
	}
	printArr(arr)
	
	
	
	
	/*document.write("<table>");
		for(var x =1;x<=9;x++)
		{
			document.write("<tr>");
			for(var y =1;y<=x;y++)
			{
				document.write("<th>"+y+"*"+x+"="+y*x+"</th>");
			}
			document.write("</tr>");
		}
		document.write("</table>");
		*/
	
	</script>

这段代码说明

 首先 javascript中的函数没有重载形式

然后show穿了一堆参数进去依然可以调用show() 这些穿进去的参数都封装进了一个默认的数组里面 这个数组叫arguments   上面代码打印这些传入的参数

 

如果 下面直接写了个show 不是show() 就会把function 这个函数体输出出来

 

这还有匿名函数

var show =function ()

{

           alert(“fun run”);

}

 

show()

 

可执行

往往可以作为事件的处理而存在

比如 window.onload 可以直接等于一个匿名函数 表示页面加载之后产生一个事件下面这两种方式可以达到同样的效果

window.onload =function()
{
alert(“func run”);
}        
和  
window.load =method;     //注意这里是不加括号的加括号就把返回值给了load了
function method()
{
alert(“func run”);
}

动态函数

通过js的内置对象 Function实现。

 

例如

var demo = newFunction(“x,y”;”alert(x+y);”);

demo(4,6);

如同function demo(x,y){alert(x+y);}

demo(4,6);

 

不同的是 动态函数，参数以及函数体都可以通过参数进行传递，可以动态指定

两种调用方式都能输出结果   不同的是第一种即 p[“name”]是可以往里面穿参数的，后面可以学到person这个函数 就是对象的自定义过程，以对象的形式对数据进行自定义来提高复用性 

可以把这个功能封装到一个js里面，然后每次用都可以调用哪个js 就可以到哪个页面都能用