• 客户端脚本语言javascript


    2015.11.27  客户端脚本语言javascript

    (叫这个名字的原因。想要攀高枝,希望变得和他一样通用。关于名字之间的关系类似于雷锋和雷峰塔,巴基斯坦和卡巴斯基,苏格拉底跟格拉苏蒂的关系一样。阿迪王 和阿迪达斯)康师傅和康帅博

    也是javaweb中的一个环节,javascript现在做的也很强大。主要应用于b/s部分的b也就是浏览器客户端的部分。

    1、javascript语言,在运行的时候是不需要服务器的,只有浏览器就可以对js代码进行解释。

    2、脚本语言:自身无法独立在浏览器端运行,必须依附在html页面上。

    3、js还是一个弱类型语言,var i=2,i ="2342";//int i=9;

    4、面向对象的开发语言

    5、js的作用:

    1)可以不经过服务器就可以让程序和用户产生交互

    2)动态的改变页面的内容(动态操作html的标签,甚至样式)

    3)对表单进行数据的格式验证

    6、js嵌入到html页面中的方式:

    1)页内

    a.行级

    b.head中写明

    2)外部文件

    7、数组

    1)js 中数组元素可以是任意类型(但是建议只使用一种类型),数据遍历的时候会更加方便。

    2)js 中数组的长度是可以无限增大的。

     

    总结:javascript 的概念,嵌入方式,变量的定义和使用,方法的定义和使用 js内置对象和方法。如何获取输入框的值 包括id name innerhtml 数组。

     

    作业:1、写一个计算器。(eval())

    案例一的启示,三种引入js的方式。

    外部引入和head中写的script输出两者只能存活一个?先存在的会被留下?

     

    案例二:可以在脚本中获得document对象,document.write(“”);优先于html中的语句先被输出。

    案例三:java中:int a,b,c=3;三个变量都是int类型的。

    但是在javascript里面,var a,b,c=3;三个变量未必是同一个类型,他们类型的确定,是在赋值之后确定的。那么类型确定之后可以更改么?并且类型确定之后可以更改。

     

    <script type="text/javascript">
        var a,b,c=3;
        alert(c);
        c="我是李飞";
        alert(c);
    </script>

     

    再浏览器中得到的结果是:先输出一遍3,在输出一个“我是李飞”。

    javascript里面把html看做是document对象,html里面的每一个标签都看做是一个节点node对象。比如<body><table>

     

    案例四:从页面中的得到的数据都被看做是String类型的。

     

    <script type="text/javascript">
        var price = prompt("请输入一个数:");
        price=price+100;
        alert(price);
        price+=100;
        alert(price);
        price=parseInt(price)+100;
        alert(price);
    </script>

     

    输出的结果分别是100100,100100100,100100200.

    案例五:

    <script type="text/javascript" >
        //全局变量
        var number1=1;
        //全局变量
        number2=2;
        function function1(){
            alert(number1+number2);
        }
        function function2(){
            //局部变量
            var number3=4;
            //打折的全局变量
            number4=8;
            alert(number1+number2+number3+number4);
        }
    //    alert(number1+number2+number3+number4);
        function1();
        function2();
    </script>

    这里面所有的内容除了打折的全局变量意外都是可以被理解的。这里主要说明一下区别于java的一些特性。只有当function被调用以后,number4才是全局可到达的。否则,number4一直不可以被使用。作为一个javaer还是不建议这么用。变量要有声明。统一写成数字1和数字3的形式。

    被注释的那句话,取消注释之后,并不会看到结果。因为。会报出number3未定义。

    查看方式:

    打开浏览器后,按F12查看。默认进入Elements需要手动切换到console面板。

     

    案例六:

    var function1=function (){    
            alert("我们把一个函数的定义赋给一个叫做function1的变量。故,function1就是这个函数的函数名。");
        }
        function1();
        
        for(i=0;i<5;i++){
            
        }
        alert(i);

    在循环里面不要纠结,没有一种定义方式可以把i变成局部的。但是可以骗自己的写成var i=0。还有一句话一定要给初值。

     

    案例七:

    算了先上代码吧:

    <script type="text/javascript">
        function function1(){
            var number1 = document.getElementById("number1").value;
            var number2 = document.getElementById("number2").value;
            var result=parseInt(number1)+parseInt(number2);
            alert(result);    
        }
    </script>
    </head>
    <body>
    <input type="text" id="number1"/>+
    <input type="text" id="number2"/>=
    <input type="button" value="计算" onclick="function1()"/>
    </body>

    这里面会忘记两个事情,一个是number1上面记得加双引号,再然后记得加.value.

    报这个错误是因为没有加"".

    不是一个数字,是因为没有加value.

    还有一个bug。在360里面用飞秋截图,看不到这个javaScript的提醒(360提醒里面有提示框,但是框里面没有内容。),但是在chrome里面就能截到完整的这个提醒。

     

    并不是所有的联想都会给出。有些内容的确是有,但是联想不到。可能这个dreamwaver毕竟只有几十兆的原因。比如在innerText innerHTML这个属性上,只有后一个,前面一个并没有。

    可能parseDouble的确没有 但是 parseFloat是有的。

     

    想要给输出加一个颜色的话,需要下面这种写法:

    <script type="text/javascript">
        function function1(){
            var number1 = document.getElementById("number1").value;
            var number2 = document.getElementById("number2").value;
            var result=parseInt(number1)+parseFloat(number2);    
            document.getElementById("number3").innerHTML="<font color='red'>"+result+"</font>";
        }
    </script>
    </head>
    <body>
    <input type="text" id="number1"/>+
    <input type="text" id="number2"/>=
    <span id="number3"></span>
    <input type="button" value="计算" onclick="function1()"/>

    容易忘记的点在于:document.getElementById("number3").innerHTML=后面要组拼一下,并且要记得加""进行组拼。

     

    案例8:如果要提交的东西,有操作数1、运算符1、操作数2,和提交按钮,四个值,为什么不加一个表单呢。

     

    数组比较好理解,老师当时也讲得比较清楚,这里就不写了。

    计算器,不大会做啊。。

    什么是JavaScript

    JavaScript是一种脚本语言,提供用户交互,动态更改内容,数据验证。

    主要功能是:1、数据验证 2、网页特效 3js是脚本语言,所以它的代码也成为js脚本。

    数据类型:

     

     

     

  • 相关阅读:
    【转】CUDA5/CentOS6.4
    【转】centos 6.4 samba 安装配置
    【转】Install MATLAB 2013a on CentOS 6.4 x64 with mode silent
    【转】Getting xrdp to work on CentOS 6.4
    【VLFeat】使用matlab版本计算HOG
    Unofficial Windows Binaries for Python Extension Packages
    March 06th, 2018 Week 10th Tuesday
    March 05th, 2018 Week 10th Monday
    March 04th, 2018 Week 10th Sunday
    March 03rd, 2018 Week 9th Saturday
  • 原文地址:https://www.cnblogs.com/letben/p/5185304.html
Copyright © 2020-2023  润新知