javascript基础入门

1.第一个javascript程序

javascript程序不能够独立的运行,必须依赖于HTML文件,type属性值用来说明脚本的类型,这里

是指使用javascript编写的文本文件;

2.alert警告框

alert()函数显示一条指定的信息,和一个确定按钮的警告框

3.confirm确认框

4.prompt提示框

就是这样的效果:

代码实现:

这个里面的type类型是指的普通按钮;

onclick用来触发我们的自定义函数,相当于函数的调用,var是用来进行定义变量的,function的

作用就是为了定义我们想要引用的函数;

document.write里面的引号引起来的内容是固定的内容,name就是我们用户自己输入的内容,

我们自己输入的内容不需要使用双引号,这个在循环语句里面也是这样的;

5.标识符和常量

6.运算符和表达式

逻辑运算符,赋值运算符,条件运算符,位运算符,其他的运算符:new是新建对象运算符

delete是删除运算符用来删除一个对象的某个属性或者数组里面的元素

typeof返回的是操作数类型的字符串;

7.javascript程序控制结构

这个和其他的编程语言相差的不大,就是循环语句,分支语句,例如for循环,while循环,switch

语句,我们使用这个实现以下九九乘法口诀表

这样的打印实现效果,需要用到2层循环,之间要有空格,在javascript里面使用&nbsp实现空格

这个document.write里面的内容就是不变的用双引号,我们自己输入的不需要加上双引号;

C语言里面我们使用斜杠n进行换行操作,这里我们使用的是<br>单个标签实现换行效果;

-------下面介绍的是js里面如何使用break,continue语句

这个的要求是从5~15实现的累加和,输入的数字大于15就会执行break语句,跳出循环

进行减减操作,知道符合条件才结束;换行标签也要使用双引号引起来;

8.JS函数介绍

函数里面的系统函数划分为全局函数和对象函数;

全局函数不属于任何一个内置的对象,所以可以直接进行使用,但是对象函数需要加上

对象的名称,例如我们经常使用的document.write()就是对象document的使用方法

eval()是返回字符串中的数,计算表达式的结果;

escape是对字符串进行编码操作,所有的计算机都可以读取这些字符串;

unescape是对字符序列进行解码;

parseFloat()是返回字符串对应的实数值,如果第一个字符不能被转换成为数字,返回NaN

parseInt这个函数有2个参数,第一个是字符串,第二个是基数,技术就是比如0开头,就是

用 8作为基数,0x开头,就是用16作为基数;

-------对象函数

toString是把数字转换成为字符,默认的是10进制;

toFixed就是转换成对应的小数点,参数是3的话就是对应的3位小数;

还有一些字符串的查找和提取函数

这里括号里面的就是下标,从0开始计算;

3-6表示的是下标是3到下标是6的范围字符串,就是com;

4表示的是第4个字符,就是o字符;

3-4表示的是从第3个字符开始进行数,数4个字符,就是come;

---函数的返回值有的时候是为了返回计算的结果,有的时候是结束程序的运行;

9.实战演练

-----------------------------------------------实现以下计算器的功能---------------------------------------------

这个里面调用了全局函数用来吧我们默认输入的字符串转换成为数字进行运算;

prompt是消息框里面的提示框的运用输出的结果里面不变的用引号引起来;

--------------------求梯形的面积----------------------------------------------------------------------

这里同样使用了我们的全局函数把输入的默认字符串转换为10进制的整数;

这里强调了a.value的使用,输入框里面需要表明name的属性值,以便于进行对应的转换

a.value就是找到a里面输入的value数值;

--------------------------------找出同时被13,17整除的数字,10个换行,范围是1000-9999

这个里面需要计数,10个就会换行for循环里面if语句判断是否能够同时整除

在里面的if又是来判断是否满足换行的条件,进行累加;

------------------------------判断是不是素数-----------------------------

这里面调用了求平方根的函数,相当于是使用alert来进行输出,return是直接跳出循环,

number.value也是找到我们输入文本框的值,触发click,后传递到函数里面使用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/433716.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

07 外键和表关联关系

文章目录 外键约束表关联关系E-R模型图表关联查询 外键约束 约束 : 约束是一种限制&#xff0c;它通过对表的行或列的数据做出限制&#xff0c;来确保表的数据的完整性、关联性foreign key 功能 : 建立表与表之间的某种约束的关系&#xff0c;由于这种关系的存在&#xff0c;能…

论文翻译:一种基于强化学习的车辆队列控制策略,用于减少交通振荡中的能量消耗

A Reinforcement Learning-Based Vehicle Platoon Control Strategy for Reducing Energy Consumption in Traffic Oscillations 一种基于强化学习的车辆队列控制策略&#xff0c;用于减少交通振荡中的能量消耗 文章目录 A Reinforcement Learning-Based Vehicle Platoon Cont…

基础50刷题之一(交替合并字符串)

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、题目二、力扣官方题解&#xff08;双指针&#xff09;三、文心一言解释总结 前言 刚上研一&#xff0c;有人劝我好好学C&#xff0c;当时用的不多就没学&a…

快速上手:剧本杀dm预约平台小程序的制作流程

在当今的娱乐市场中&#xff0c;剧本杀已经成为一种备受欢迎的娱乐方式。为了给玩家提供更好的服务和体验&#xff0c;开发一个剧本杀DM预约平台小程序是至关重要的。下面&#xff0c;我们将详细介绍如何使用乔拓云第三方平台开发这样一个预约平台。 首先&#xff0c;打开乔拓云…

HarmonyOS 数据持久化之首选项 preferences

接下来 我们来说说数据持久化的问题 我们平时处理的数据都是在内存中处理的 我们应用一点重启 所有数据都消失了 肯恩是不符合一些场景的 harmonyos中 提供了比较多的解决方案 最多的两种是 用户首选项 关系型数据库 本文的话 我们就来看看 用户首选项 首先&#xff0c;什么…

Matlab在同一张图中如何加入多个图例

根据代码最终画出的图片如下&#xff1a; 其实原理很简单&#xff0c;就是在一张figure中画多个坐标轴&#xff0c;每个坐标轴都有对应的图例&#xff0c;之后再将多余坐标轴隐藏&#xff0c;只保留一个即可。 代码如下&#xff1a; clear all; close all;dd_linewidth 1;a …

VR全景数字工厂,制造业企业线上营销新助手

VR全景技术逐渐渗透到各行各业&#xff0c;其中&#xff0c;很多实体工厂的线上营销宣传也借助720云VR全景技术也迎来了新的变革。 一、VR全景技术的独特魅力 VR全景技术是一种基于虚拟现实技术的全新视觉呈现方式&#xff0c;能够为用户带来身临其境的沉浸式体验。通过VR全景…

Docker容器化解决方案(镜像,容器的操作管理)

Docker镜像管理 搜索官方仓库镜像 docker search [rootlocalhost ~]# docker search nginx NAME DESCRIPTION STARS OFFICIAL nginx Official build of Nginx. …

计算机mfc140.dll文件缺失的修复方法分析,一键修复mfc140.dll

电脑显示mfc140.dll文件缺失信息时&#xff0c;不必担心&#xff0c;这通常是个容易解决的小问题。接下来让我们详细探究并解决mfc140.dll文件缺失的状况。以下将详述相应的解决方案&#xff0c;从而帮助您轻松克服这一技术难题。通过几个简单步骤&#xff0c;即可恢复正常使用…

C语言项目实战——贪吃蛇

C语言实现贪吃蛇 前言一、 游戏背景二、游戏效果演示三、课程目标四、项目定位五、技术要点六、Win32 API介绍6.1 Win32 API6.2 控制台程序6.3 控制台屏幕上的坐标COORD6.4 GetStdHandle6.5 GetConsoleCursorInfo6.5.1 CONSOLE_CURSOR_INFO 6.6 SetConsoleCursorInfo6.7 SetCon…

LeetCode每日一题只 快乐数

目录 题目介绍&#xff1a; 算法原理&#xff1a; 鸽巢原理&#xff1a; 如何找到环里元素&#xff1a; 代码实现&#xff1a; 题目介绍&#xff1a; 题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 算法原理&#xff1a; 我先简单举两个例子&#xff…

python大数据分析游戏行业中的 Apache Kafka:用例 + 架构!

python大数据分析游戏行业中的 Apache Kafka&#xff1a;用例 架构&#xff01; 这篇博文探讨了使用 Apache Kafka 的事件流如何提供可扩展、可靠且高效的基础设施&#xff0c;让游戏玩家开心并让游戏公司取得成功。讨论了游戏行业中的各种用例和架构&#xff0c;包括在线和移…

day04-SpringBootWeb入门

一、SpringBootWeb快速入门 1 需求 需求&#xff1a;基于 SpringBoot 的方式开发一个 web 应用&#xff0c;浏览器发起请求 /hello后&#xff0c;给浏览器返回字符串“Hello World ~”。 2 开发步骤 第1步&#xff1a;创建 SpringBoot 工程项目 第2步&#xff1a;定义 HelloC…

2024年k8s最新版本安装教程

k8s安装教程 1 k8s介绍2 环境搭建2.1 主机准备2.2 主机初始化2.2.1 安装wget2.2.2 更换yum源2.2.3 常用软件安装2.2.4 关闭防火墙2.2.5 关闭selinux2.2.6 关闭 swap2.2.7 同步时间2.2.8 修改Linux内核参数2.2.9 配置ipvs功能 2.3 容器安装2.3.1 设置软件yum源2.3.2 安装docker软…

Claude3、Gemini、Sora VS GPT-4:AI技术如何助力科研与产业发展?

【最新增加Claude3、Gemini、Sora、GPTs讲解及AI领域中的集中大模型的最新技术】 2023年随着OpenAI开发者大会的召开&#xff0c;最重磅更新当属GPTs&#xff0c;多模态API&#xff0c;未来自定义专属的GPT。微软创始人比尔盖茨称ChatGPT的出现有着重大历史意义&#xff0c;不亚…

【Java EE】文件内容的读写⸺数据流

目录 &#x1f334;数据流的概念&#x1f338;数据流分类 &#x1f333;字节流的读写&#x1f338;InputStream&#xff08;从文件中读取字节内容)&#x1f33b;示例1&#x1f33b;示例2&#x1f33b;利用 Scanner 进行字符读取 &#x1f338;OutputStream(向文件中写内容&…

阿里云重新更新系统导致秘钥失效

报错解决方案&#xff1a; ssh-keygen -f "/Users/pengzhanliang/.ssh/known_hosts" -R "39.105.149.49"这个命令会从~/.ssh/known_hosts文件中移除与IP地址39.105.149.49相关的所有条目 再次尝试连接到远程服务器。这次&#xff0c;SSH将提示您接受新的主…

简单、透明、安全、高度集成!龙蜥可信 SBOM 能力探索与实践

近两年&#xff0c;软件供应链有非常多安全事件&#xff0c;包括软件供应链的各个阶段开发、构建、交付、使用等每个环节都有很多的软件供应链的安全事件发生。在 2023 龙蜥操作系统大会全面建设安全生态分论坛上&#xff0c;阿里云技术专家郑耿、周彭晨分享了龙蜥社区在构建 S…

企业计算机服务器中了faust勒索病毒怎么解密,faust勒索病毒解密流程

网络在为企业提供便利的同时&#xff0c;也为企业的数据安全问题带来严重威胁&#xff0c;网络安全是众多企业关系的主要话题&#xff0c;近期&#xff0c;云天数据恢复中心接到一大波企业的求助&#xff0c;企业的计算机服务器都被faust后缀勒索病毒攻击&#xff0c;导致企业计…

Electron 多显示器渲染

Electron打出的包&#xff0c;如果当前有俩个显示器&#xff0c;则可以配置当前显示倒哪个显示器上&#xff0c;或者可以配置不同的显示器&#xff0c;启动不同的项目&#xff0c;只在Windows和Linux下测试过&#xff0c;Mac没有真机&#xff0c;可以利用docker安装MacOS环境&a…