日期:2014-05-16  浏览次数:20335 次

PHP自学之路-----javascript基础入门

Javascript概述:

Javascript是基于对象和事件的脚本语言。特点;

1、安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互。

2、跨平台性。 

JavaScript与HTML的结合方式:

想要将其他代码融入HTML,都是以标签的形式。 

1、 Js代码存放在标签对<script type="text/javascript">。。。。<script>

2、 使用JavaScript标签引入Js文件。如:

<script type="text/javascript" src="xxxx"></script>

 JavaScript语法:

每种语言都有自己的语法规则,Js语法与Java很像。 

1、变量

 通过关键字Var来定义,弱类型是不用制定具体的数据类型。

注:Js中特殊的变量值:undefined,当变量没有初始化就被使用会提示未定义。

 2、判断,循环,选择,数组相关看下面的代码

<!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>我的第一个javascript练习</title>
</head>
<body>
    <!-- 2种加载方式   <script type="text/javascript" src="xxxx"></script> -->
    <script type="text/javascript">
    /*定义变量  */
    var x= 3;
        x = "abc";//这里单引号双引号一样
    
    alert(x);
    if( "abc" == x){
    	alert("YES");
    }else{
    	alert("NO");
    }
    
    //SWITCH 语句
    alert("switch 语句练习  ");
    x = 3;
    switch(x)
    {
    case "adc":
    	alert("abc");
    	break;
    case 3:
    	alert(3);
    	break;
    default:
    	alert("something error!");
        break;
    }
    //写到网页上。
    document.write("<font color = 'red'>while ,do ...while,for 和C语言一样</font>");
    
    document.write("数组:");
    
    var arr = [4,1,6,8];
    for(var i = 0;i<arr.length;i++)
    	{
    	document.write(arr[i]);
    	}    
    </script>  
    <h1><font color="red">这是我的第一个练习</font></h1>
</body>
</html>

简单排序算法

<script type="text/javascript">
    var arry = [5,1,2,7,4];
    //排序
    for(var i = 0; i < arry.length;i++){
    	for(var j = i + 1;j < arry.length;j++){
    		if(arry[j] < arry[i]){
    			var tmp = arry[i];
    			arry[i] = arry[j];
    			arry[j] = tmp;
    		}
    	}
    }
    
    for(i = 0; i < arry.length;i++){
    	document.write(" "+arry[i]+" ");
    }

</script>

函数相关

<script type="text/javascript">
    //函数
    function show(){
    	alert("show run");
    }
    
    function show1(){
    	for(var x = 0;x < arguments.length;x++)
    		alert(arguments[x]);
    }
    
    show();
    show1(1,2,3,4);
    
    document.write("is OK!");
    
    //动态函数
    //var show = new Function("x","y","var sum = x + y; return sum;");
   // alert(show(2,3));
    
    //匿名函数
  //  var show2 = function(){
    //	/document.write("func run");
    //}
    //show2();
    
   // window.onload = function(){
    //	document.write("func run----");
    //}
   
   window.onload = show;//这里不能写成show()

</script>

对象

<script type="text/javascript">
    function Person(name,age){
    	this.name = name;
    	this.age = age;
    }
    var p = new Person("jsh",28);
    
    alert(p['name'] + p.age);
    
    function Per(){
    	document.write("per create!");
    }
    var p1 = new Per();
    p