前端|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,"&nbsp;&nbsp;&nbsp;");

}// 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 团队

   

微信号:算法与编程之美          

长按识别二维码关注我们!

温馨提示: 点击页面右下角 “写留言”发表评论,期待您的参与! 期待您的转发!

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章