JavaScript---网络编程(1)

前端开发作者： 2024-08-25 19:45:02

JavaScript也是一种编程语言。并不是Java的分支哦。可以直接在浏览器中运行的编程语言。JavaScript 的历史故事： 1、JavaScript语言与名称的由来（Netscape，Sun Java）最开始是叫LiveScript的~有一个小故事，有兴趣的朋友可以去百度一下。 2、微软

1.JS代码寄存在标签对<script> js code．．．</script>中。
2.当有多个html页面使用到相同的JS脚本时，可以将js代码封装到1个文件中，只要在script标签的src属性引入1个js文件。
（方便后期保护，扩大）
注意：如果在script标签中定义了src属性，那末标签中的内容不会被履行。
例：<script src=”test.js” type=”text/javascript”></script>
注：规范中script标签初期有1个属性language
（由于初期认为可能有多种脚本语言，但是到现在，还是JS1家独大~所以。）,而现在使用type属性。

<html>
  <head>
    <title>javascript语言演示</title>
  </head>
  <body>
    <script type="text/javascript">
        alert("hello world!")
    </script>
  </body>
</html>

    <script type="text/javascript">
        alert("hello world!")
    </script>
    这1句放哪里都可以的。别放html标签外就能够了。

<script type="text/javascript" src="a.js">
    </script>

    <!-- 注意，这类写法不行--包括在标签内的js代码无效 -->
    <script type="text/javascript" src="a.js">
        alert("hello world!222");//无效代码，被上面的导入方式覆盖了。
    </script>

<html>
  <head>
    <title>javascript语法 演示</title>
  </head>

  <script type="text/javascript">
    //1标识符,关键字,分隔符---几近和Java1样

    //2注释：只支持 //单行注释  和  /*  多行注释  */

    //3变量（弱类型）,var（全部用这个定义,只有这个变量）
    //所有的变量都是用var来声明---本质上就是java当中的Object类型

    var x = 3;
    var y = "abc";
    alert(x+","+y);//弹出: 3,acb

    x="xyz";
    alert(x);  //弹出：xyz

    x=true;
    alert(x); //弹出：true

    x=true+1;//和c1样，布尔类型有0和非0(1)的概念
    alert(x); //弹出：2

    a=3.14;
    alert(a);// 由于阅读器有兼容性，所以1个变量不声明类型也能够直接对其赋值，但不要去读
    //由于是弱类型，写不写都是var
    //弹出：3.14

    //aa没有声明也没有赋值却直接读取了。
    //alert(aa);//出错的。没有甚么弹窗。也没有提示！

    alert( typeof(a) ); //弹出：number
    // typeof(a) 返回a的类型

    a=3;
    alert( typeof(a) ); //弹出：number

    a=3.156441564165564616541564156;
    alert(a);//弹出：3.1564415641655645
    alert( typeof(a) );//弹出：number

    a=3156441564165564616541564156;
    alert(a);//弹出：3156441564165565e+27
    alert( typeof(a) );//弹出：number

    a='a';
    //JS当中，单引号和双引号是1样的，对应的变量都是字符串
    //也就是说JS中没有字符类型---包括在字符串当中了。字符串只有1个字符时~

    //不用分号
    var m=1
    var n=2
    alert(m+n);//弹出：3
    //由于阅读器有兼容性，1条语句的末尾不加分号也能够正常履行。
    //但这样写不规范，建议还是加上。

    //var mm=1 var nn=2;
    //alert(mm+nn);//直接挂了。
    //另外，同1行的多条语句之间的分号不能省，否则不能正常履行。
  </script>

  <script type="text/javascript">
    //4 基本数据类型
    alert( typeof("aaaa") );//弹出：string
    //注意string是小写的
    alert(typeof('0') );//弹出：string

    alert( typeof(false) );//弹出：boolean

    alert( typeof(100) );//弹出：number
    alert( typeof(1.23) );//弹出number

    //判断是哪一种类型
    alert( typeof('0')=="string" );//弹出：true
    alert( typeof('0')=="String" );//（大小写敏感）弹出：false
    //其他类型判断类似

    alert( typeof(x) );//1样可以。前面片断中，在这里依然是有效的(所以说。注意顺序)
    alert( typeof(X) );//大小写敏感的！（没定义）弹出：undefined 

    //使用单引号和双引号效果是1样的
    alert( typeof(x)=='number');//弹出：true
  </script>

  <body>
  </body>
</html>

 <script type="text/javascript">
    //5 运算符：算术、赋值、比较、位运算、3元运算

    //5.1算术运算
    var a = 3710;
    alert("a="+a/1000);//a=3.71     
    alert("a="+a/1000*1000);//a=3710
    var b = 2.3;
    var c = 5.7;
    alert( b+c );// 8
    alert( 23+11 ); //34

    alert("23"+11);//2311---string---加号为字符串联接
    alert("23"-11);//12
    //字符串遇到减号自动会转换成数值型进行运算
    alert(false+1);//1   false是0
    //true 和数值进行运算时，true为1，false为0

    alert(100%3);//1  
    alert(100%-3);//1  
    alert(-100%3);//⑴  如果有负数，结果和前面那个数同符号-和Java1样的

    //5.2 赋值运算：= += -= *= /= %=
    var n=3,m;
    m=n++;//用法同Java
    alert("n="+n+",m="+m);//n=4,m=3

    var n=3,m;//JS中变量可以声明几次--和Java不同
    m=++n;
    alert("n="+n+",m=4

    var n;
    alert(n);//4---这里没有对该变量重新赋值，所以用的还是前面n的值(内存还是同1片)

    var i=3;
    i+=3;//其他的类似 -= *= /= %=
    alert("i="+i);//i=6

    //5.3 比较运算符---和Java类似
    var j=10;
    alert(j>5);//true
    //其他如：>= <= > < == != 类似

    //5.4 逻辑运算符 && || !
    var k=4;
    alert(k>3 && k<10);//true
    alert( !(k>3) ); //false
    alert( !k );//false---和C1样

    //5.5 位运算符 & | ^ >> << >>>(无符号右移)---和Java1样
    var c = 6;//6：110
    alert( c&3 );//3：011
    //结果是：010 弹出：2

    alert( c^100^100 );//结果还是c -- 6
    alert(c>>>1);//3

    //5.6 3元运算符（问号表达式）
    alert( 3>0?100:300 );//100

    var xxyy;
    alert(xxyy);//undefined---如果1个变量声明后没有赋值，就是这个

    alert(xxyy==undefined);//这里不要写成字符串的情势，true
    alert(xxyy=="undefined");//false
    //这个undefined代表和true和false等1样的，是1个值，所以不要用引号


  </script>

<html>
  <head>
    <title>javascript语法演示</title>
  </head>

    <script type="text/javascript">
        //1 if语句
        var x=3;
        if(x>0){
            alert("yes");//结果yes
        }else{
            alert("no");
        }

        if(x-4){//和C1样非0的概念，不是0的都是true
            alert("yes2");//结果yes2
        }else{
            alert("no2");
        }

        if(x=4){//1个等于号是赋值，结果是4---非零，即是true
            alert("yes3");//yes3
        }else{
            alert("no3");
        }

        if(x=0){
            alert("yes3");
        }else{
            alert("no3");//no3
        }
        //赋值是甚么，该值同时也作为全部表达式的值

        //建议，如果是判断相等，写成以下方式
        if(4==x){//把数字放在前面，可以免1个等于号的bug
        }

        //逗号表达式--以最后1个逗号后的结果为真实的值
        var b =(3,4+5);
        alert(b);//9 

        var c = 5;
        if(c>1){
            alert("a");//a
        }else if(c>2){
            alert("b");
        }else if(c>3){
            alert("c");
        }else{
            alert("d");
        }
    </script>

    <script type="text/javascript">
        //Java---switch表达式支持的类型：byte,int等整数，char
        //Java1.7以后 支持字符串String

        //JavaScript语言：支持所有类型，即所有类型的数据都可以用于选择
        var x = "abc";
        switch(x){
            case "aa":
                alert("a");break;
            case "abc":
                alert("b");
            default:
                alert("c");
        }
        //弹出：b    c  

        switch(x){
            default:
                alert("c");
            case "aa":
                alert("a");break;
            case "abc":
                alert("b");
        }
        //弹出：b

        x="x";
        switch(x){//如果没有匹配上
            default:
                alert("c");//这里运行完，还会运行后面的
            case "aa":
                alert("a");break;
            case "abc":
                alert("b");
        }
        //弹出：c    a

    </script>

  <body>
  </body>
</html>

<html>
  <head>
    <title>javascript语法演示</title>

    <link rel="stylesheet" href="table.css"/>
  </head>
  <body>

    <h3>
        湖南城市学院
    </h3>
    <script type="text/javascript">
        //循环：for while do-while
        var sum=0;
        for(var i=1;i<=100;i++){
            sum+=i;
        }
        document.write("sum="+sum);//直接显示在网页相对应位置！！！
        //sum=5050

        var x=1;
        sum=0;
        while(x<=100){
            sum+=x;
            x++;
        }
        document.write("<br/><font color=\"#ff0000\" > sum2="+sum+"</font><br/>");
        //写入了换行和font color=\"#ff0000\" color='#ff0000'  --单引号也能够的

    </script>

    <br/>
    <a href="http://baidu.com"> 百度1下 </a>
    <br/>
    <hr>

    <script type="text/javascript">
        //转移语句：break,continue,return

        for(var x=0;x<3;x++){
            for(var y=0;y<4;y++){
                document.write("x="+x+"&nbsp;");
                break;
            }
            document.write("<br/>");
        }
        document.write("<hr/>");
        a:for(var x=0;x<3;x++){
            for(var y=0;y<4;y++){
                document.write("x="+x+"&nbsp;");
                break a;
            }
            document.write("<br/>");
        }
    </script>
    <hr/>
    <h2>99乘法表</h2>
    <script type="text/javascript">
        for(var x=1;x<10;x++){
            for(var y=1;y<=x;y++){
                document.write(x+"*"+y+"="+x*y+"&nbsp;");
            }
            document.write("<br/>");
        }
    </script>

    <h2>99乘法表2</h2>
    <script type="text/javascript">
        document.write("<table>");
        for(var x=1;x<10;x++){
            document.write("<tr>");
            for(var y=1;y<=x;y++){
                document.write("<td>"+x+"*"+y+"="+x*y+"</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>

  </body>
</html>

table{
    width: 600px;
}
table td{
    border: #f00 solid 1px;
}

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_68568.html

相关资讯： JavaScript---网络编程(1)

JavaScript---网络编程(1)

猜你喜欢

相关新闻

推荐模板

推荐精华

热门标签