【编程教程】JavaScript的基本语法和应用练习

一  定义和作用

JavaScript是一种基于浏览器、直译型、面向对象的脚本语言,JavaScript脚本一般是通过嵌套在HTML中来实现的。如果说HTML和CSS是网页的基础,那么JavaScript则是网页的核心,用于为网页添加各式各样的动态功能,被广泛用于Web应用开发,为用户提供更流畅美观的浏览效果。

【编程教程】JavaScript的基本语法和应用练习-少儿编程网

二 基本语法

通过标签

 

 <script></script>

嵌套在HTML文件中的和标签中,从而控制HTML元素来实现动态功能,就是JavaScript不仅住在HTML家里,还很大爷地指挥HTML干活。

基本结构

<!DOCTYPE HTML> <html> <head> <meta charset=utf-8"/> <title>学习JavaScript</title> <script type="text/javascript">

学习JavaScript

在这里写JS代码

</script>
</head>
<body>
</body>
</html>

变量

字面意思是可变的量,是编程语言中用来存储某种数值的存储器。可以将它理解为一个盒子,我们可以往里面放不同的东西。变量由变量名和数值组成,变量名相当于盒子的名称,用来区分不同的盒子,数值就是我们往里面放的东西。

【编程教程】JavaScript的基本语法和应用练习-少儿编程网

变量要先声明再赋值,声明是用关键字var定义变量,赋值是通过“=”往变量里放数值,如下:

var mynumber;

mynumber=137; 

字符型数值要用放在“”里再赋给变量,

var myname;

myname="编玩边学"

if…else…判断语句

if…else…语句是如果条件成立则执行if后面的代码,条件不成立就执行else后面的代码。

if(条件)

{ 条件成立时执行的代码 }

else

{ 条件不成立时执行的代码 } 

比如,通过定义一个期末成绩的变量,然后用if…else…语句判断是否及格。



         var score =85; //定义一个score变量储存期末成绩,初值为85

         if(score>=60) 

         {

     document.write("很棒,成绩及格了。");

         }

  else

         {

          document.write("加油,成绩不及格。");

         }

   

函数

函数是完成某个特定功能的一组语句。没有函数,完成任务可能需要五行、十行、甚至更多的代码。比如,计算1-100全部的数的和,没有函数就要一个一个地加,要写很多行代码,但如果写一个循环函数,代码就简化成了简单几行。

JS中的函数定义:

function 函数名( ){

    

函数代码;

 

}

函数写好之后是不会自动执行的,要调用它才能执行,调用的方法很简单,在你要用到这个函数的地方写上函数名。

三  实践

学完基本语法,我们来学习JS常用的几种互动方法来实践一下!

document.write输出内容

document.write用于直接在网页中输出内容。刚刚那个判断成绩是否及格的例子就用到了这个语句:



         var score =85; //定义一个score变量储存期末成绩,初值为85

         if(score>=60) 

         {

     document.write("很棒,成绩及格了。");

         }

  else

         {

          document.write("加油,成绩不及格。");

         }

  

浏览器中显示:

【编程教程】JavaScript的基本语法和应用练习-少儿编程网

在变量中输入你的期末成绩测试一下吧。

alert(警告)消息对话框

我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。



   var mynumber=85;

   alert("Hi!");

   alert(mynumber); 

在浏览器中按顺序弹出两个对话框:

【编程教程】JavaScript的基本语法和应用练习-少儿编程网

【编程教程】JavaScript的基本语法和应用练习-少儿编程网

有没有觉得功能这个似曾相识?

愚人节那天别人发给你的链接,打开之后要一直点确定才能退出页面的恶作剧,就是用alert来实现的。

【编程教程】JavaScript的基本语法和应用练习-少儿编程网

所以编程不一定就是整天对着代码和数据、枯燥无味的,它也可以很好玩。

四  了解更多

还想学习更多好玩的JS实践吗?黑客计划里有一篇关于JS实例练习的文章,你可以去学习一下,体会编程的乐趣。

本文链接:【编程教程】JavaScript的基本语法和应用练习

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:少儿编程网,谢谢!^^


*文章为作者独立观点,不代表少儿编程网立场
发表评论

坐等沙发
相关文章
孩子从沉迷游戏到班级学霸,这位妈妈的做法令人钦佩
孩子从沉迷游戏到班级学霸,这位妈妈的…
最接近人工智能的编程语言将被加入高考科目!
最接近人工智能的编程语言将被加入高考…
聊聊学习编程的那些事
聊聊学习编程的那些事
一天入门计算机编程语言的套路
一天入门计算机编程语言的套路
第一门编程语言选什么好?
第一门编程语言选什么好?
Python编程启蒙书籍推荐
Python编程启蒙书籍推荐
学生都说我是编程界的“吴彦祖”