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.hqwc.cn/news/513769.html

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

相关文章

Windows上websocket客户端连接定时存储消息到文件并加载文件定时发送服务端工具实现

场景 在业务开发中&#xff0c;需要对接三方websocket协议数据或者连接并存储线上websocket协议数据&#xff0c;需要使用websocket客户端 连接线上的websocket服务端获取并存储数据&#xff0c;然后将数据存储成文件格式可移植&#xff0c;并将数据复制 到本地&#xff0c;…

【探索AI】二十五 深度学习之第8周:深度学习项目实战

项目名称&#xff1a;基于深度学习的图像分类系统 一、项目背景 随着大数据和人工智能技术的快速发展&#xff0c;图像分类技术在各个领域得到了广泛应用&#xff0c;如安防监控、医疗诊断、自动驾驶等。本项目旨在利用深度学习技术构建一个高效的图像分类系统&#xff0c;实…

Nginx使用—http基础知识

web访问流程 当我们在客户端通过浏览器输入网址的时候&#xff0c;这时候是访问不到服务器的&#xff0c; 先会去找到DNS解析服务器&#xff0c;DNS解析服务器返回IP地址&#xff0c; 客户端通过http协议向服务端发送请求&#xff0c;服务器响应请求并返回对应的资源给客户端&a…

持续更新 | 与您分享 Flutter 2024 年路线图

作者 / Michael Thomsen Flutter 是一个拥有繁荣社区的开源项目&#xff0c;我们致力于确保我们的计划公开透明&#xff0c;并将毫无隐瞒地分享从问题到设计规范的所有内容。我们了解到许多开发者对 Flutter 的功能路线图很感兴趣。我们往往会在一年中不断更改并调整这些计划&a…

CSS实现选中卡片样式操作

图一默认自动选中&#xff0c;并且不可取消选中&#xff0c;当选择其他卡片才可点击下一步 在 “ src/assets ” 路径下存放 save.png&#xff0c;代表选中的状态 <div class"cards"><ul class"container"><li v-for"image in image…

金融科技创新丨MogDB 数据库助四川天府银行信息化改造迈上新台阶

作为四川省重要的城市商业银行之一&#xff0c;四川天府银行自2001年12月成立以来&#xff0c;在中国银行业树立了多项标杆&#xff0c;逐步发展成为具有国际金融背景、跨区域、独具特色的现代精品银行。在信息系统升级改造的道路上&#xff0c;四川天府银行一直秉承着稳中求进…

sentinel docker 基础配置学习

1&#xff1a;去官网下载 Releases alibaba/Sentinel GitHub 2&#xff1a;保存到linux 3&#xff1a;编写dockerfile FROM openjdk:8-jreLABEL authors"xxx" #第二步创建一个文件夹Z RUN mkdir /app #第三步复制jar 到app 下 COPY xxxxxx-1.8.7.jar /app/#第四…

【Web】浅浅地聊JDBC java.sql.Driver的SPI后门

目录 SPI定义 SPI核心方法和类 最简单的SPIdemo演示 回顾JCBC基本流程 为什么JDBC要有SPI JDBC java.sql.Driver后门利用与验证 SPI定义 SPI&#xff1a; Service Provider Interface 官方定义&#xff1a; 直译过来是服务提供者接口&#xff0c;学名为服务发现机制 它通…

机器学习流程—数据预处理下篇

机器学习流程—数据预处理下篇 我们在机器学习项目开发过程中遇到的大多数现实数据集都具有混合数据类型的列。这些数据集由分类列和数字列组成。然而&#xff0c;各种机器学习模型不适用于分类数据&#xff0c;为了使这些数据适合机器学习模型&#xff0c;需要将其转换为数值…

Python 多线程编程实战:threading 模块的最佳实践

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站AI学习网站。 目录 前言 线程的创建 1. 继承 threading.Thread 类 2. 使用 threading.Thread 对象 线程的同步 使用锁 线程的通信…

最新趋势揭秘:即时通讯开发中的人工智能应用

随着人工智能技术的快速发展和广泛应用&#xff0c;即时通讯开发领域迎来了一场前所未有的变革和机遇。在当今数字化时代&#xff0c;人工智能已经成为各行各业发展的重要引擎之一&#xff0c;即时通讯应用也不例外。人工智能技术的应用不仅可以提升即时通讯的用户体验和功能&a…

大数据基础设施搭建 - Flink

文章目录 一、上传并解压压缩包二、修改集群配置2.1 修改flink-conf.yaml文件2.2 修改workers文件2.3 修改masters文件2.4 分发配置文件2.5 修改其他两台机器的配置文件flink-conf.yaml 三、启动关闭集群&#xff08;Standalone模式&#xff09;四、访问WEB-UI五、向集群提交作…