zoukankan      html  css  js  c++  java
  • 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>


  • 相关阅读:
    谦卑
    自尊和自我效能
    二手时间读书笔记
    vim学习4
    vim学习3
    hdu 5122 K.Bro Sorting
    hdu 5113 Black And White
    poj 2479 Maximum sum
    poj 2392 Space Elevator
    poj 3666 Making the Grade
  • 原文地址:https://www.cnblogs.com/pangblog/p/3324828.html
Copyright © 2011-2022 走看看