9月12日JavaScript脚本语言

时间:2023-01-05 17:59:49

JS脚本语言

JS脚本语言全称JavaScript,是网页里面使用的脚本语言,也是一门非常强大的语言。

一、基础语法

1.注释语法

单行注释://

多行注释:/**/

2.输出语法

①alert(信息);效果是弹出信息

②confirm(信息);效果是弹出一个和用户交互的对话框

③prompt(信息):效果是弹出一个可以让用户输入的对话框

3.嵌入JS代码

嵌入JS代码时,要尽量靠下写,嵌入代码为<script type="text/javascript"></script>

4.程序基本知识

① 所有的字符全部是英文半角的。

② 大部分情况下每条语句结束之后要加分号。

③ 每一块代码结束之后加换行

④ 程序前后呼应(前面有一个括号"("后面一定有一个括号结束")")

5.数据类型

数据在程序中存储,存储的名称叫做变量。数据类型分为强类型语言和弱类型语言,数据存储的时候需要存在相应的数据类型变量中的成为强类型语言,数据存储的时候不区分类型(类型自动转换)的成为弱类型语言。数据的类型主要有以下几种:

① 整型(整数)int

② 单精度的小数  float

③ 双精度的小数 double

④ 小数 decimal

⑤ 货币类型 money

⑥ 字符 char

⑦ 字符串 string

⑧ 布尔型 bool  true真  false假

⑨ 日期时间类型 datetime

6.变量的意义

变量书写的形式为var a = 10;    如果定义小数或整数的变量,等号后面的值直接写;如果定义字符串变量,等号后面的值需要加双引号或单引号。

7.类型转换

parseInt(b);类型转换时b就是需要转换的数据。

8.运算符号表达式

①数学运算符

数学运算符有+、-、*、/除()、%(余数)

var a = 10;
var b = 5;
alert(a+b);

预览以后在网页上弹出的对话框数值就是15。

②逻辑运算符

逻辑运算符有&&(并)、||(或)、!(非)

③其它运算符

a.字符串的拼接

var s1 ="hello";
var s2 ="world";
var s = s1+s2;

hello是一个字符串,world也是一个字符串,两个字符串相加,弹出的网页就会出现helloworld。如果+两边都是数字,则是数学运算,如果有一方是字符串,则是字符串的相加。

b.三元运算符

var a =8;
var b =5;
var c = a==b?"A等于B":"A不等于B"
alert(c);

此三元运算符表示a是否等于b,如果a=b,则输出A等于B;如果a不等于b,则输出A不等于B。   其中,a==b表示a=b?,询问==两边的数字是否相等。

var sex =true;
var xb = sex?"男":"女";
alert(xb);

再比如上面代码,弹出页面是“男”,如果true改成flase,弹出页面会显示“女”。(注:布尔型里面true代表男,flase代表女。)

c.比较运算符

==(是否等于)、!=(不等于)、>、<、>=、<=

二、语句

1.顺序

按顺序进行运算的语句为顺序语句,顺序语句一般结束后都要加分号。

2.分支

作用是让程序根据条件的不同执行不同的代码。

①if语句

第一种写法:

var a = 5;
var b = 5; 条件
if(a==b) 如果符合条件
{
  alert("A等于B") 符合条件执行的代码
}

第二种写法:

9月12日JavaScript脚本语言
var a = 10;
var b = 5;
if(a==b)
{
  alert("A等于B")
}
else
{
  alert("A不等于B")
}
9月12日JavaScript脚本语言

满足条件实行代码,不满足条件执行另一段代码。

第三种写法:

9月12日JavaScript脚本语言
if(a==b && a>2)
{
  alert("1111")
}
else if(a>2)
{
  alert("2222")
}
else
{
  alert("3333")
}
9月12日JavaScript脚本语言

第三种写法中有2个条件,如果2个条件都满足,则输出1111,如果只满足一个条件a>2,则输出2222,如果2个条件都不满足,则输出3333。

9月12日JavaScript脚本语言
if(a==b && a>2)
{
  alert("1111")
}
if(a>2)
{
  alert("2222")
}
else
{
  alert("3333")
}
9月12日JavaScript脚本语言

如果把else if(a>2)变成if(a>2),则变成了2段if语句,这2个语句挨个执行,弹出2个窗体。

if嵌套

9月12日JavaScript脚本语言
if(a>2)
{
  if(a=b)
  {
    elert("1111")
  }
  else
  {
    alert("2222")
  }
}
9月12日JavaScript脚本语言

如果a>2,则进下一个if  a=b,a=b则弹出窗体输出1111,如果a!=b,则输出2222

9月12日JavaScript脚本语言
var a = prompt("请输入年龄")
if(a>=18 && a<=50)
{
  alert("可以使用")
}
else if(a<18)
{
  alert("未成年人禁止访问")
}
else if(a>50)
{
  alert("您年龄太大")
}
else
{
  alert("输入内容不正确")
}
9月12日JavaScript脚本语言

网页上输入的内容不同,弹出的对话窗口的内容也不一样。网页上输入文字后,只能点击“确定”才能读到数据,点击“取消”输入的数字无效。

②switch   case 语句

9月12日JavaScript脚本语言
var a = parseInt(prompt("请输入第一个变量"));
var b = parseInt(prompt("请输入第二个变量"));
var c = prompt("请输入运算符"); switch(c)
{
  case "+":
    alert(a+b);
    break;
  case "-":
    alert(a-b);
    break;
  case"*":
    alert(a*b);
    break;
  case"/":
    alert(a/b);
    break;
}
9月12日JavaScript脚本语言

if语句是一个一个的条件进行判断,一个点一个点的去区分,要么满足,要么不满足。而switch相当于一个点分出n个支,switch(a)直接给一个变量,用case判断变量,冒号后面是执行的代码,break也是一个语句,是退出的意思,退出花括号。switch里面有一个语句是default(默认),用户输入的内容不在列出的范围内,就会走default。所有的语言输出都是字符串输出的,如果输入的是数字,就用“”括起来,变成字符串。

var a = parseInt(prompt("请输入第一个变量"));意思就是把输入的内容转换成整数。如果不转成整数,就代表的是相加的字符串,转成整数以后才能进行数字的运算。

9月12日JavaScript脚本语言的更多相关文章

  1. Swift 3&period;0首个开发者预览版将在5月12日释出

    Swift团队在博客中宣布Swift 3.0语言首个开发者预览版将于5月12日释出,正式版将在4-6周之后推出.开发者预览阶段并无确定的更新周期和计划,不过Swift团队称努力将其控 制在4-6周内. ...

  2. 适用于 Windows 7 SP1 和 Windows Server 2008 R2 SP1 的 &period;NET Framework 4&period;6、4&period;6&period;1、4&period;6&period;2 和 4&period;7 以及适用于 Windows Server 2008 SP2 的 &period;NET Framework 4&period;6 仅安全更新说明:2017 年 9 月 12 日

    https://support.microsoft.com/zh-cn/help/4040957/description-of-the-security-only-update-for-the-net ...

  3. 适用于 Windows 7 SP1、Windows Server 2008 R2 SP1 和 Windows Server 2008 SP2 的 &period;NET Framework 4&period;5&period;2 仅安全更新说明:2017 年 9 月 12 日

    https://support.microsoft.com/zh-cn/help/4040960/description-of-the-security-only-update-for-the-net ...

  4. 7&period;搭建hyperledger fabric环境及启动——2019年12月12日

    2019年12月12日13:05:16 声明:从网络中学习整理实践而来. 1.介绍fabric Fabric 是一个面向企业应用的区块链框架,基于 Fabric 的开发可以粗略分为几个层面: 1. 参 ...

  5. 系列文章&colon;老项目的&num;iPhone6与iPhone6Plus适配&num;&lpar;持续更新中&comma;更新日期2014年10月12日 星期日 &rpar;

    本文永久地址为http://www.cnblogs.com/ChenYilong/p/4020399.html ,转载请注明出处. ********************************** ...

  6. 2016年12月12日 星期一 --出埃及记 Exodus 21&colon;7

    2016年12月12日 星期一 --出埃及记 Exodus 21:7 "If a man sells his daughter as a servant, she is not to go ...

  7. 2016年11月12日 星期六 --出埃及记 Exodus 20&colon;3

    2016年11月12日 星期六 --出埃及记 Exodus 20:3 "You shall have no other gods before me.除了我以外,你不可有别的 神.

  8. 2016年10月12日 星期三 --出埃及记 Exodus 18&colon;23

    2016年10月12日 星期三 --出埃及记 Exodus 18:23 If you do this and God so commands, you will be able to stand th ...

  9. Windows 7 Ultimate(旗舰版)SP1 32&sol;64位官方原版下载(2011年5月12日更新版)

    MSDN于2011年5月12日,最新发布简体中文Windows 7 Ultimate 旗舰版 SP1 DVD镜像安装包,分32位和64位两个版本.最新发行代号分别是:677486(32位),67740 ...

随机推荐

  1. &lbrack;Machine Learning &amp&semi; Algorithm&rsqb;CAML机器学习系列1:深入浅出ML之Regression家族

    声明:本博客整理自博友@zhouyong计算广告与机器学习-技术共享平台,尊重原创,欢迎感兴趣的博友查看原文. 符号定义 这里定义<深入浅出ML>系列中涉及到的公式符号,如无特殊说明,符号 ...

  2. hibernate笔记--缓存机制之 二级缓存&lpar;sessionFactory&rpar;和查询缓存

    二级缓存(sessionFactory): Hibernate的二级缓存由SessionFactory对象管理,是应用级别的缓存.它可以缓存整个应用的持久化对象,所以又称为“SessionFactor ...

  3. 微信支付:curl出错,错误码&colon;60

    如下是运行微信支付测试代码时出错代码: Fatal error: Uncaught exception ‘WxPayException‘ with message ‘curl出错,错误码:60‘ in ...

  4. ubuntu系统安装PHP扩展

    GD库的安装 sudo apt-get install php5-gd sudo apt-get install php5-gd sudo /etc/init.d/apache2 restart CU ...

  5. android studio下的NDK开发详解&lpar;一&rpar;

    源地址:http://www.voidcn.com/blog/chengkaizone/article/p-5761016.html 好记性不如烂笔头,开始坚持写博客,学一点记一点,只为了生活更好. ...

  6. dubbo&plus;zookeeper&plus;springboot构建服务

    本次和大家分享的是dubbo框架应用的初略配置和zookeeper注册中心的使用:说到注册中心现在我使用过的只有两种:zookeeper和Eureka,zk我结合dubbo来使用,而Eureka结合s ...

  7. js 前端 table 导出 excel

    园子,github,* 关于前端下载的文章不少 园子里大部分都是 利用ActiveXObject对象来实现,可他有个缺点安全等级,还有必须安装excel…… github,st ...

  8. 解决AJAX session跨域失效

    1.想实现的功能是登录时有个验证码,这个验证码后台提供,然后放在session中,前台把用户输入的验证码通过AJAX发给后台,后台把session中的验证码取出来然后比较不同,一样则通过. 问题出现在 ...

  9. hihocoder &num;1388 &colon; Periodic Signal fft

    题目链接: https://hihocoder.com/problemset/problem/1388 Periodic Signal 时间限制:5000ms内存限制:256MB 问题描述 Profe ...

  10. ECharts概念学习系列之ECharts的下载和安装(图文详解)

    不多说,直接上干货! http://echarts.baidu.com/download.html 前言 如果你想要用较少的代码实现比较酷炫的数据统计表,echarts是值得你考虑的一种实现方式.官网 ...