前端|Js的基础知识介绍
- 2019 年 11 月 11 日
- 筆記
问题描述
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的作用简单来说就是给网页化妆，使其进一步美化。
实习编辑 | 王楠岚
责 编 | 刘 连
