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();

    p1.name = "jsh1";

    p1.age = "30";

    p1.chifan = function(){

    	document.write("chifan!");

    }

    p1.chifan();

    



</script>


 

你可能感兴趣的:(JavaScript)