小白速来！JavaScript的基本语法和应用练习

一定义和作用

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

二基本语法

通过标签

嵌套在HTML文件中的和标签中，从而控制HTML元素来实现动态功能，就是JavaScript不仅住在HTML家里，还很大爷地指挥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("加油，成绩不及格。");

         }

浏览器中显示：

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

alert（警告）消息对话框

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



   var mynumber=85;

   alert("Hi!");

   alert(mynumber);

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

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

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

444

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

四了解更多

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