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,后传递到函数里面使用。

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue router文件中本地路由配置使用i18n【解决tab名称出现undefined,导致i18n没有实现问题】

问题 点击按钮 跳转详情页后 tab名称出现错误&#xff0c;报 undefined ## 需求 点击工单详情按钮&#xff0c;跳转详情页面&#xff08;新页面&#xff09;&#xff0c;新页面tab栏名称 还是为 工单出库&#xff0c;但要求工单出库文字配置为多语言&#xff0c;使用i18n来配置…

[云原生] K8s之pod控制器详解

Pod 是 Kubernetes 集群中能够被创建和管理的最小部署单元。所以需要有工具去操作和管理它们的生命周期,这里就需要用到控制器了。 Pod 控制器由 master 的 kube-controller-manager 组件提供&#xff0c;常见的此类控制器有 Replication Controller、ReplicaSet、Deployment、…

SQOOP安装与使用

SQOOP安装及使用 文章目录 SQOOP安装及使用SQOOP安装1、上传并解压2、修改配置文件3、修改环境变量4、添加MySQL连接驱动5、测试 准备MySQL数据登录MySQL数据库创建student数据库切换数据库并导入数据另外一种导入数据的方式使用Navicat运行SQL文件导出MySQL数据库 importMySQL…

购买使用静态住宅代理IP前,你需要测试的5件事

静态住宅代理IP&#xff0c;是一种在网络通信过程中提供固定IP地址的代理服务。与动态代理IP相比&#xff0c;静态代理IP提供的是持久且不变的IP地址。这种稳定性使得静态代理IP在需要长期稳定网络身份的场景中&#xff0c;如跨境电商/社媒养号、网络监控、品牌保护、长期数据爬…

安卓使用ExoPlayer出现膨胀类异常

1.导包 implementation com.google.android.exoplayer:exoplayer-core:2.15.1implementation com.google.android.exoplayer:exoplayer-ui:2.15.1 2.在Androidifest.xml加入权限&#xff0c;我这里加了网络与读写权限 <uses-permission android:name"android.permissio…

windows中使用nnUNet的nnUNet_convert_decathlon_task提示路径不对

找到问题并且解决解决办法 报错时候的指令 nnUNet_convert_decathlon_task -i D:\桌面\nnUNet\DATASET\nnUNet_raw\nnUNet_raw_data\Task05_Prostate 修改为 nnUNet_convert_decathlon_task -i D:/桌面/nnUNet/DATASET/nnUNet_raw/nnUNet_raw_data/Task05_Prostate 修改点&…

H5双人五子棋小游戏

H5小游戏源码、JS开发网页小游戏开源源码大合集。无需运行环境,解压后浏览器直接打开。有需要的,私信本人,发演示地址,可以后再订阅,发源码,含60+小游戏源码。如五子棋、象棋、植物大战僵尸、开心消消乐、扑鱼达人、飞机大战等等 <!DOCTYPE html> <html> <…

移动开发:网格视图

一、在新建GridView模块下添加图片以及创建cell.xml文件 1.粘贴图片时选择红框中的路径&#xff0c;点击“OK” 2.在路径后添加-mdpi后缀,再点击“OK” 二、相关代码块 1.MainActivity.java文件代码 package com.example.gridview;import androidx.appcompat.app.AppCompatAc…

备考2024年北京高考数学:20114~2023十年选择题练习和解析

距离2024年高考还有三个月的时间&#xff0c;如何用三个月的时间再提高北京数学高考的成绩&#xff1f;吃透历年真题以及背后的知识点是行之有效的方法 之一。 今天我们来看一下2014-2023年的北京市高考数学的选择题&#xff0c;从过去十年&#xff08;2014-2023&#xff09;的…

面试问答总结之并发编程

文章目录 &#x1f412;个人主页&#xff1a;信计2102罗铠威&#x1f3c5;JavaEE系列专栏&#x1f4d6;前言&#xff1a;&#x1f380;多线程的优点、缺点&#x1f415;并发编程的核心问题 &#xff1a;不可见性、乱序性、非原子性&#x1fa80;不可见性&#x1fa80;乱序性&am…

【真机Bug】异步加载资源未完成访问单例导致资源创建失败

1.错误表现描述 抽卡时&#xff0c;10抽展示界面为A。抽取内容可能是整卡或者碎片&#xff0c;抽到整卡&#xff0c;会有立绘展示和点击详情的按钮。点击详情后出现详情页B。【此时界面A预制体被销毁&#xff0c;卡片数据进入数据缓存池】点击页面B的返回按钮&#xff0c;单例…

刚刚,OpenAI官方发文驳斥马斯克,自曝8年间邮件往来截图

文章开篇表示&#xff1a;「OpenAI 的使命是确保 AGI 惠及全人类&#xff0c;这意味着既要构建安全、有益的 AGI&#xff0c;又要帮助创造广泛的利益。我们正在分享我们在实现使命方面所学到的知识&#xff0c;以及有关我们与马斯克关系的一些事实。我们打算驳回马斯克的所有主…

回归啦!!!

消失的日子在实习&#xff0c;今天最后一天了来看看自己的学习日志&#xff0c;有没有可以和小伙伴交流的部分吧&#xff01; 目录 一、产品one ①简介 ②底层原理 ③知识点一 作用一&#xff1a;日志采集 作用二&#xff1a;实时监测 作用三&#xff1a;规则匹配 作用…

Word中Endnote加载项不见了怎么处理?

打开word-①文件-②选项-③加载项 勾选endnote cite while you write 完成上述操作后&#xff0c;endnote便出现在菜单栏中。

[C语言]——分支和循环(2)

目录 一.逻辑操作符&#xff1a;&& , || , &#xff01; 1.逻辑取反运算符! 2.与运算符&& 3.或运算符 4.练习&#xff1a;闰年的判断 5.短路 二.switch语句 1.if语句和switch语句的对比 2.switch语句中的break 3.switch语句中的default 4.switch…

【C++】类的默认成员函数(上)

&#x1f525;博客主页&#xff1a; 小羊失眠啦. &#x1f3a5;系列专栏&#xff1a;《C语言》 《数据结构》 《C》 《Linux》 《Cpolar》 ❤️感谢大家点赞&#x1f44d;收藏⭐评论✍️ 文章目录 一、默认成员函数二、构造函数构造函数的概念及特性 三、析构函数析构函数的特性…

论文笔记:Compact Multi-Party Confidential Transactions

https://link.springer.com/chapter/10.1007/978-3-030-65411-5_21 A compact, private, Multi-Party Confidential Transactions (MCT) 紧凑型多方机密交易&#xff08;Compact MCT&#xff09;&#xff1a;MCT的长度与常规的单一所有者交易一样短&#xff1b;换句话说&…

【大数据架构(3)】Lambda vs. Kappa Architecture-选择你需要的架构

文章目录 一. Data Processing Architectures1. Lambda Architecture1.1. 架构说明a. Data Ingestion Layerb. Batch Layer (Batch processing)c. Speed Layer (Real-Time Data Processing)d. Serving Layer 1.2. Lambda Architecture的优缺点1.3. 使用案例 2. Kappa Architect…

MongoDB Helloworld For Window

1. 下载MongoDB Download MongoDB Community Server | MongoDB 2. 安装MongoDB 3. 创建DB. 4. 用java code 连接mongo. 做增删改查操作。 pom.xml <dependency><groupId>org.mongodb</groupId><artifactId>mongodb-driver-sync</artifactId>&…

docker 基础(二)

常见命令 Docker最常见的命令就是操作镜像、容器的命令&#xff0c;详见官方文档&#xff1a;https://docs.docker.com/ 数据卷 命令说明文档地址docker volume create创建数据卷docker volume createdocker volume ls查看所有数据卷docker volume lsdocker volume rm删除数…