zoukankan      html  css  js  c++  java
  • JS-基础2

    JS基本语法

     

    1.学习javascript的目的?

     A.增强网页的动态效果。

     B.改变网页中的元素(能够直接对网页中的元素进行操作)。

     C.加强同后台的数据交互。页面的数据验证。

    2.JS在web开发中的作用?

     JS是写在页面中的。

     JS的运行环境:

     1)是通过浏览器解释并执行的,解释型语言。(java是通过javac来进行执行的)

     2)运行js代码,直接可以通过浏览器。

    3.JS代码的编写?

    1)网页中引入js代码?

       通过在网页任意地方加入<script> </script>标记。就是告诉浏览器,这个标记里的内容是脚本语言。

    <script type="text/javascript" >

            document.write(“helloworld”);

        </script>

    2)直接通过页面元素引入

    <a href="javascript:alert('单击了我');">点我试试看</a>

    3)单独的js文件(开发的时候推荐采用js形成单独的文件)

    <script src="js/first.js"></script>

    4.JS的数据类型?

     js是一门弱类型的语言。

     a.数值类型:

      表示数字的。

     b.boolean类型

      表示true或false

     c.字符串型:

      表示字符串,双引号或者单引号都可以的。

     d.日期类型。数组类型……

     变量定义的语法:

     var a=12;//a就是变量名

     注意的问题:

     1)变量定义的时候,一定要赋值,如果不赋值,就是特殊的类型:undefined类型。

    5.数据类型之间的转换。

    1)其它数据类型转换为number类型:

    //类型之间的相互转换问题

            var a="123abc";

            //需要把字符串转换为number类型

            var b= parseInt(a);

            document.write(b);

    如果转换出错,那么就会出现一个NaN(Not a number)。比如以下转换就会得到NaN类型:

    //类型之间的相互转换问题

            var a="ef123abc";

            //需要把字符串转换为number类型

            var b= parseInt(a);

            document.write(b);

    2)其它类型转换为字符串型。

    //类型之间的相互转换问题

            var a=123;

            //需要把字符串转换为string类型

            var b= a.toString();

    另外一种转换成字符串的方式:

    //类型之间的相互转换问题

            var a=123;

            //需要把字符串转换为string类型

            var b= a+"";

    6.在使用js的时候,同浏览器的交互。

    1)弹出消息框的交互:

     window.alert("hello,world");

    2)确认框?

    window.confirm("确定要删除这条消息吗?");

    3)用户输入框?

    window.prompt("请输入你想输入的心愿");

    7.流程控制语句

    1)选择语句。

     if(逻辑表达式)…else

    var s = window.prompt("请输入年龄");

            s=parseInt(s);

            if(s>=18){

                document.write("成年人");

            }else{

                document.write("未成年人");

            }

    switch…case语句

    var season = window.prompt("请输入季节");

            switch(season){

                case "一":

                    document.write("春季");

                    break;

                case "二":

                    document.write("夏季");

                    break;

                default :

                    break;

            }

    2)循环语句

    for循环。

    for(var i=1;i<=10;i++){

               var num =i*10+"px";

                document.write("<hr width='"+num+"'/>");

       }

    注意:不要同java的for循环中的变量的定义方式搞错。

    8.JavaScript中的函数的定义。(方法)

    1)具备返回值的方法,方法定义的时候,参数是形参。

    function add(a, b){

                return a+b;

     }

    其中,a和b是形参。

    2)没有返回值的方法:

    function out(str){

                alert("输出的数据:"+str);

      }

    网页中的元素同JavaScript中的函数的关联:

      <input onclick="out('hello');" type="button" value="方法1"/>

  • 相关阅读:
    Python基础四
    Python基础三
    Python基础二
    Python基础一
    JAVA测试
    国庆随笔
    ATM-JAVA程序 //程序有5处相同错误,找不出原因 转账功能没有实现,修改密码来不及实现了
    JAVA程序测试感受
    第八周
    第七周
  • 原文地址:https://www.cnblogs.com/lemon-Net-Skill/p/9466171.html
Copyright © 2011-2022 走看看