JS-基础2 JS基本语法

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"/>

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"/>

猜你喜欢

转载自www.cnblogs.com/lemon-Net-Skill/p/9466171.html