前端|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的作用简单来说就是给网页化妆,使其进一步美化。

实习编辑 | 王楠岚

责 编 | 刘 连

本文分享自微信公众号 - 算法与编程之美(algo_coding)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券