【JavaScript】程序入门基础(一)

JavaScript入门一(JS基础知识) 文章目录一、JavaScript是什么二、网页组成2.读入数据总结 一、JavaScript是什么        JavaScript(简称“JS”)百度解释如下: 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。   & 阅读详情

       JS是JavaScript的简写,看着和java有些像,其实没有多大关系,只是因为java的名气比较大,借用一下而已。下面来总结一下写出一个js程序应具备哪些基础的知识。

一、JS和HTML

       首先js一般和HTML一起出现,因为js是脚本语言,它不能独立完成编程,要么是嵌套要么是引用。这样它运行在浏览器的语言才算坐实了。

嵌套

        首先有一个HTML文件,嵌套的意思就是js不在其他地方,直接在HTML里面写就可以了,如下:

<span style="font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Demojs</title>

    <Script language="javascript" >
        var num =1
        var str ="hello!"
        alert(num);
        alert(str);
}
    </Script>
</head>
<body>

</body>
</html></span>

引用

就是将其他地方的js引用过来,有和html松耦合的优点。

<span style="font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Demojs</title>

    <Script language="javascript" src="javaScript1.js">


    </Script>
</head>
<body>

</body>
</html></span>

二、基础语法

函数声明

       js中函数声明很简单:

<span style="font-size:18px;">function(参数...){//参数也不能声明类型,只需要写明参数的名称即可;

       [返回值;]  //函数声明并看不出是否有返回值,在实现中,如果有返回值,则return;

}</span>

定义变量

        js中定义变量也是非常简单的,不需要你去分清那么多的类型,只需将类型赋给var即可。

<span style="font-size:18px;">var num = 1;   // num的类型就是整数;

var str1 = "dingyi bianliang";   //str1的类型就是字符串;</span>

页面输出

       页面输出有两种情况:一种是以弹出框形式,一种是在页面上显示:

弹出框

<span style="font-size:18px;">alert(“Hello!”)</span>

<span style="font-size:18px;">alert(“中午吃什么?”)</span>


页面

<span style="font-size:18px;">document.write("Hello!")</span>

<span style="font-size:18px;">document.write("中午吃什么饭!")</span>


三、事件

         javaScript是基于对象和事件动态的对用户的操作进行动态的响应,所谓事件,就是用户与网页交互时产生的操作。比如在窗体上右击、复制文字等都可以称之为事件。

例如,OnClick事件

单击某个控件,会触发这个事件

<a href>中可以出发onClick事件;button也可以出发onClick事件;

OnLoad事件:打开网页时调用

onUnload事件:关闭网页时调用


总结:

             js 里面主要有三部分组成核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。想要学好js还需要有很多需要学习,比如变量、函数、表达式、js库等知识。


NLP实战:如何用CoNLL-2003数据集快速提升命名实体识别模型性能(附完整代码) 本文详细介绍了如何利用CoNLL-2003公开数据集,通过深度剖析数据特点、构建鲁棒的数据预处理流水线、选择合适的模型架构(如BERT-CRF)以及优化训练策略,来系统性地提升命名实体识别(NER)模型的性能。文章提供了完整的代码示例,并分享了处理数据不均衡、标签对齐等核心挑战的实战技巧,帮助读者从理论到实践全面掌握NER任务。 阅读详情

相关推荐

别再为EPI形变头疼了!FSL的topup+eddy实战保姆级教程(含AP/PA数据采集要点)

本文详细介绍了如何使用FSL的topup和eddy工具解决EPI形变问题,包括数据采集要点、参数设置和实战操作步骤。通过AP/PA双编码数据和精确的形变场估计,有效矫正MRI图像中的几何畸变,提升弥散数据质量。特别适合需要处理高场强MRI数据的研究人员和技术人员。

weixin_28725949的博客 399

javascript(1):HelloWorld (js输出文字的三种方式)

在javascript中: 1.在控制台中,输出内容: console.log("Hello World"); 2.在文档中输出内容: document.write("Hello World"); 3.警告框中弹出内容: alert("Hello World"); 总结:三种方法各有不同,根据学习经验其中的1,3大多用来测试js代码。2的话很少用 ps:此为个人学习笔记,如果有不对的地方,或...

半个脑子的博客 7290

oscp备考,oscp系列——Djinn3靶场:ssti漏洞,pkexec提权

oscp备考,oscp系列——Djinn3靶场:ssti漏洞,pkexec提权难度简单偏上对于低权限shell获取涉及:ssti漏洞对于提权:pkexec提权。

2202_75361164的博客 633

用js在页面上显示一个Hello Word

在页面上显示一个Hello Word /*指明前台脚本是js*/ //实现页面加载helloword document.write('HelloWord');/*调用一个write函数,在页面写一个HelloWord*/ 程序运行的页面截图是:

xuehyunyu的博客 5115

Linux音频处理实战:从MP3解码到ALSA播放的完整流程解析

本文详细解析了Linux环境下从MP3文件解码到通过ALSA播放音频的完整实战流程。文章深入剖析了MP3文件结构、PCM原始音频数据格式,并提供了使用ffmpeg/mpg123解码、以及利用ALSA库进行C语言编程播放的实用代码示例,帮助开发者彻底掌握Linux音频处理的核心链路。

weixin_29206669的博客 71

Nettrace 源码分析

文章介绍:本文将围绕腾讯开源项目nettrace工具中数据采集,数据处理,数据分析三个模块深入源码分析其实现细节

abobob的博客 989

JavaScript语法之HelloWorld

本系列js博客只学习javascript的语法,不会过多涉及web和html部分。 javascript在网页上有四种输出方式: 1、使用window.alert()弹出提示框 2、使用console.log()输出到浏览器的控制台 3、使用document.wirte()写入到html文档中 4、设置html元素的innerHTML属性 //helloworld //output w

xingxinmanong的博客 3990

【Godot】构建可维护的游戏工程 —— 项目代码组织结构

本文系统梳理了Godot引擎项目组织原则与架构模式,提出场景中心化、命名规范一致性和资源隔离三大核心原则。推荐按功能模块划分目录结构(如scenes/、entities/、systems/),采用snake_case命名避免跨平台问题,并通过.gdignore优化资源管理。文章详细解析了自包含场景设计、信号驱动解耦等架构技巧,以及团队协作中的版本控制策略,强调通过模块化设计平衡一致性与实用性。最终目标构建清晰可维护的项目结构,使资源定位和功能扩展更加高效。(148字)

qq_40205510的博客 1173

js-小程序入门-基础(一)

参考 小程序开发快速入门教程(附源码)

zuochunsheng的博客 1403

STM32 BLDC无刷电机霍尔信号捕获与换相控制实战解析

本文深入解析了STM32如何实现BLDC无刷电机的霍尔信号捕获与换相控制。详细阐述了硬件接口配置、定时器霍尔传感器模式的使用、抗干扰的滤波器与软件容错设计,以及中断服务与换相逻辑的实战代码。重点解决了信号抖动、换相不准等常见问题,旨在帮助开发者构建稳定可靠的电机驱动基础。

weixin_29193259的博客 366

OpenEvidence DeepConsult深度分析:技术架构、临床应用与行业影响

摘要:医疗AI平台OpenEvidence通过多智能体协作系统重构临床决策流程,解决了医学信息过载难题。其DeepConsult系统严格基于同行评审文献,5-10秒内提供循证决策支持,已覆盖40%美国医生,月咨询量达850万次。该平台采用"免费工具+广告变现"模式,通过调度、检索、摘要等模块化智能体分工,实现从文献分析到临床建议的闭环处理,在USMLE测试中准确率达90%。2025年获7500万美元融资后估值突破10亿美元,成为医疗AI领域的新范式。

AllenLV的博客 2554

p5.js创意编程入门:用JavaScript代码绘制交互式动画与图形

创意编程是一种将编程逻辑与视觉艺术相结合的技术实践,它通过代码生成图形、动画和交互式体验。其核心原理在于利用编程语言中的绘图函数、变量控制和循环结构,将数学计算转化为视觉元素。在技术价值上,创意编程不仅降低了编程学习的门槛,还极大地激发了学习者的创造力和学习动力,尤其适合零基础入门和艺术设计背景的从业者。常见的应用场景包括数据可视化、生成艺术、交互式网页设计和简单游戏开发等。本文以p5.js这一基于JavaScript的创意编程库为例,详细介绍了如何通过setup()与draw()函数结构、坐标系统理解、变

weixin_29913663的博客 256

PCL SAC-IA 初始配准算法【2025最新版】

采样一致性初始配准算法,简称SAC_IA。博客长期更新,本文最新更新时间为:2025年1月1日。新增参数设置建议

点云侠的博客 37万+

Electron 快速开始(一)-入门基础、使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序

文章目录使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序-electron 使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序-electron

西京刀客 4002

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(一)

一、计算机编程基础 编程语言 编程语言与标记语言的区别 编程语言 有很强的逻辑和行为能力,有if else等具有逻辑性和行为能力的指令,主动 标记语言(html)不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是来被读取的,被动 计算机基础 计算机组成 数据存储单位 程序运行 二、初识JavaScript 初识JavaScript ...

m0_51448653的博客 1465

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

javascript基础入门教程,javascript零基础入门

一门客户端脚本语言,运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎,不需要编译,直接就可以被浏览器解析执行了python for语句用法。//局部变量 用let定义let 变量名 = 值;//全局变量 用var定义var 变量名 = 值;//常量定义 constconst 常量名 = 值;//整数类型var a=3;// Boolean类型var b=true;// 定义小数类型 小数和整数类型统称为number类型。

阿发狗伪原创 3247

JavaScript 入门(上)

目录 一、JavaScript简介 二、JavaScript的特点 1、动态改变页面内容 2、动态改变网页的外观 3、验证表单数据 4、响应事件 三、内容 1、JavaScript简介 一、JavaScript是什么? 二、JavaScript编辑工具 三、JavaScript在HTML的引用方式 四、JavaScript和Java的关系 五、训练题 2、JavaScr...

wuyxinu的博客 11万+

JS入门必备基础知识(适合小白)

JS入门必备基础知识(适合小白)一、JS是什么?1、JS简介2、JS的组成部分3、JS的基本特点4、JS的特性5、JS与HTML、CSS的对比二、JS的用法1、JS的引入方法1)head中的 JavaScript 函数2)body中的 JavaScript 函数3)外部的 JavaScript2、JS的基本语法3、JS中的变量1)变量名2)变量值3)全局变量与局部变量4、数据类型1)基本数据类型2)引用数据类型3) JS的数据类型转换4)typeof 操作符5、JS代码在执行时分两个阶段1)预编译2)代码执

a_l_f_的博客 1万+

JavaScript 入门指南(一)简介及基础语法

JavaScript 入门指南(一)简介及基础语法

墨鸦的博客 7674

JavaScript基础入门,JS基础,JS入门

JavaScript简介,使用JavaScript,行内代码,内部代码,外部代码,理解Window对象,Window对象的方法,Window对象的属性,JavaScript语法,标识符,关键字,注释,代码规范,变量,定义变量,变量声明的提升,数据类型,原始类型,引用类型,监测数据类型,数据类型转换,算数运算符,辅助运算符

非歪的博客 596

JavaScript基础入门

JavaScript基础&入门 1、快速入门 1.1 引入script 内部标签 <script> </script> 外部应用 aaa.js //...... test.html <script src="aaa.js"></script> 测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

HongLingya的博客 4836

JavaScript基础语法入门

介绍JavaScript的基础语法, 包含变量, 运算符, 数据类型, 数组, 函数,对象等内容, 主要是基于Java/C基础进行的扫盲学习.

trong_ 的烂笔头 3974

超详细快速入门JavaScript详解(一)

一.JS概述&入门 我们为什么要学习JS?: 为了做页面的各种特效 HTML:肉体 CSS:穿衣服/化妆 JS:大脑、灵魂 脚本语言:(快) 1、无法独立执行。必须嵌入到其他语言(HTML)中,结合使用。 2、无需编译,直接被浏览器解析执行。 Java编程语言:(安全、维护性高、执行效率) 1、独立写程序,独立运行。 编译---执行 2、先编译 后执行 举例: <!-- 从1累加,累加到50,进行控制台展示。 int sum...

每天进步一点点 9096

JavaScript 基础入门:从零开始学 JS

Undefined类型表示变量已声明但未赋值,或访问对象不存在的属性。// 只声明未赋值// 访问不存在的属性返回undefined// 传统函数表达式},// ES6方法简写},// 箭头函数(注意this的指向问题)// 生成器方法i <= end;},// 异步方法。

Toroto5的博客 3517

JavaScript 基础 - 第20天_Node.js入门

Node.js安装与使用

八年大厂一线老程序员。现独立开发创业中,并且已经靠独立开发赚取人生第一桶金。 2238

[ JavaScript ] JavaScript基础 入门详细教程①

超详细JavaScript基础入门零基础教程!!

weixin_62274638的博客 972

JavaScript零基础入门

【JS零基础快速入门】本文系统讲解 JavaScript 基础,涵盖运行环境搭建、数据类型与存储、流程控制等核心内容,详解浏览器与 Node.js 运行方式、变量常量使用及条件循环逻辑,为前后端开发打牢基础。

weixin_73350076的博客 1205
上一篇: AJAX原理
下一篇: 【JavaScript】程序入门(二)
mayfla
博客等级 码龄14年 312粉丝 191原创
评论 8
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值