javascript基础入门

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

相关文章
|
1月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
250 2
|
12天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
12天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
19 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
20天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
55 10
|
18天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
2月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
1月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
1月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
22 1
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
430 1
|
1月前
|
Web App开发 JSON JavaScript
深入浅出:Node.js后端开发入门与实践
【10月更文挑战第4天】在这个数字信息爆炸的时代,了解如何构建一个高效、稳定的后端系统对于开发者来说至关重要。本文将引导你步入Node.js的世界,通过浅显易懂的语言和逐步深入的内容组织,让你不仅理解Node.js的基本概念,还能掌握如何使用它来构建一个简单的后端服务。从安装Node.js到实现一个“Hello World”程序,再到处理HTTP请求,文章将带你一步步走进Node.js的大门。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开一扇通往后端开发新世界的大门。