您的位置是:网站首页>Javascript编程Javascript编程

JavaScript的基本语法和应用练习

少儿编程网2019-04-16 22:11:02Javascript编程 人已围观 来源: -用户投稿

简介JavaScript是一种基于浏览器、直译型、面向对象的脚本语言,JavaScript脚本一般是通过嵌套在HTML中来实现的。如果说HTML和CSS是网页的基础,

一  定义和作用XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

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

【编程教程】JavaScript的基本语法和应用练习-少儿编程网XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

二 基本语法XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

通过标签 <script></script>XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

嵌套在HTML文件中的和标签中,从而控制HTML元素来实现动态功能,就是JavaScript不仅住在HTML家里,还很大爷地指挥HTML干活。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

基本结构XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台


 

<!DOCTYPE HTML> <html> <head> <meta charset=utf-8"/> <title>学习JavaScript</title> <script type="text/javascript">XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台


 

学习JavaScriptXmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台


 

在这里写JS代码XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

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

变量XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

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

【编程教程】JavaScript的基本语法和应用练习-少儿编程网XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

变量要先声明再赋值,声明是用关键字var定义变量,赋值是通过“=”往变量里放数值,如下:XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var mynumber;

mynumber=137; 

字符型数值要用放在“”里再赋给变量,XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

var myname;

myname="编玩边学"

if…else…判断语句XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

if…else…语句是如果条件成立则执行if后面的代码,条件不成立就执行else后面的代码。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

if(条件)

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

else

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

比如,通过定义一个期末成绩的变量,然后用if…else…语句判断是否及格。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台



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

         if(score>=60) 

         {

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

         }

  else

         {

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

         }

   

函数XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

函数是完成某个特定功能的一组语句。没有函数,完成任务可能需要五行、十行、甚至更多的代码。比如,计算1-100全部的数的和,没有函数就要一个一个地加,要写很多行代码,但如果写一个循环函数,代码就简化成了简单几行。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

JS中的函数定义:XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

function 函数名( ){

    

函数代码;

 

}

函数写好之后是不会自动执行的,要调用它才能执行,调用的方法很简单,在你要用到这个函数的地方写上函数名。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

三  实践XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

学完基本语法,我们来学习JS常用的几种互动方法来实践一下!XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

document.write输出内容XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

document.write用于直接在网页中输出内容。刚刚那个判断成绩是否及格的例子就用到了这个语句:XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台



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

         if(score>=60) 

         {

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

         }

  else

         {

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

         }

  

浏览器中显示:XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

【编程教程】JavaScript的基本语法和应用练习-少儿编程网XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

在变量中输入你的期末成绩测试一下吧。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

alert(警告)消息对话框XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

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



   var mynumber=85;

   alert("Hi!");

   alert(mynumber); 

在浏览器中按顺序弹出两个对话框:XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

【编程教程】JavaScript的基本语法和应用练习-少儿编程网XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

【编程教程】JavaScript的基本语法和应用练习-少儿编程网XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

有没有觉得功能这个似曾相识?XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

愚人节那天别人发给你的链接,打开之后要一直点确定才能退出页面的恶作剧,就是用alert来实现的。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

【编程教程】JavaScript的基本语法和应用练习-少儿编程网XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

所以编程不一定就是整天对着代码和数据、枯燥无味的,它也可以很好玩。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

四  了解更多XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台

还想学习更多好玩的JS实践吗?黑客计划里有一篇关于JS实例练习的文章,你可以去学习一下,体会编程的乐趣。XmV少儿编程网-Scratch_Python_教程_免费少儿编程学习平台


相关文章:

支持一下 ( )

JavaScript的基本语法和应用练习

      匿名评论
    • 评论
    人参与,条评论
    JavaScript的基本语法和应用练习

客服在线

服务时间

周一至周日 9:00-21:00