首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端|Js的基础知识介绍

前端|Js的基础知识介绍

作者头像
算法与编程之美
发布2019-11-11 10:33:53
1K0
发布2019-11-11 10:33:53
举报

问题描述

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

实习编辑 | 王楠岚

责 编 | 刘 连

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-11-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 算法与编程之美 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云小微
腾讯云小微,是一套腾讯云的智能服务系统,也是一个智能服务开放平台,接入小微的硬件可以快速具备听觉和视觉感知能力,帮助智能硬件厂商实现语音人机互动和音视频服务能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档