【原】前端|Js的基础知识介绍

问题描述

Js全称是Javascript，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常常用来给HTML网页添加动态效果，从而实现人机交互的网页。

解决方案

2.1 在网页中插入js的方法

在网页中插入js的方法有三种，即：直接加入HTML文档，连接脚本文件，在HTML标签内添加脚本。

（1）直接加入HTML文档：就是将js的脚本程序包括在HTML中，使其成为HTML文档中的一部分。

格式:

<script type=“text/javascript”>……</script>

  (2) 连接脚本文件

基本格式：

<script type=“text/javascript” src=”文件名.js”></script>

   (3) 在HTML标签内添加脚本

事例：

<input name="btn"  type="button" value="弹出消息框"  onclick="javascript:alert('欢迎你');"/>

2.2 声明函数

函数是完成特定任务的代码语句块。函数就是用来执行任务的代码块，函数需要通过调用的方式来完成代码的执行，函数的最大好处：包含在函数内容的代码块，可以重复执行。JS中的函数，大家把它想象成JAVA中方法即可理解，函数的作用：将完成任务的代码块"封装”起来，供其他调用方无限制的使用。

（1）var：用于声明变量的关键字

①先声明变量再赋值             

②同时声明和赋值变量

③不声明直接赋值

var   color；color=red； var color=red; color=red;

 (2) function: 使用function关键字声明一个函数，再指定一个函数名，叫函数声明。

基本格式：function functionname(){变量1，变量2……}

图2.1函数介绍

用js打印九九乘法表

<script  type="text/javascript" > var k=prompt("请输入打印的行数");//prompt() 方法用于显示可提示用户进行输入的对话框           for(var i=1;i<=9;i++)           {                  for(var j=1;j<=i;j++)                  {                           sum=i*j;                           document.write(j,"*",i,"=",sum,"   ");                   }// document是获取文档对象也就是你当前的html页面//document.write是向页面上打印出内容                   document.write("<br/>")           } </script>

图3.1显示效果

图3.2显示效果

计算两个数相加的和

<script type="text/javascript">                    var  op1=prompt("请输入第一个数：","")          var op2=prompt("请输入第二个数：","")          var p1=parseInt(op1);          var p2=parseInt(op2);          var result=p1+p2;          document.write(p1+"+"+p2+"="+result); </script>

图3.3显示效果

图3.4显示效果

JavaScript的功能十分强大，可以实现多种功能，如表单验证、动态特效等。JavaScript的作用简单来说就是给网页化妆，使其进一步美化。

END

实习编辑   |   王楠岚

责       编   |   刘    连

 where2go 团队

---

微信号：算法与编程之美