【JavaScript学习笔记1】JavaScript书写格式-编写第一个JavaScript程序

【JS-VSCode编写JavaScript】 由于目前是在Windows系统,故选择Windows 10, 11并点击对应x64的User Installar下载安装包。可以打开Visual Studio Code主页。 阅读详情

引言

学习一门新的编程语言,首先第一步要熟悉语言的编写环境,编写格式,语法等。JavaScript的学习与开发,本人使用的是Webstorm软件。
JavaScript有三种书写格式,分别是:“行内式”,“页内式”,“外链式”。

行内式

比如要在网页内输出一个button:

<button οnclick="alert('Hello!');">Hello world </button>

式内的单双引号要注意!
在这里插入图片描述
在这里插入图片描述

页内式

<script>
	alert('Hello!');
</script>

在这里插入图片描述
在这里插入图片描述

外链式

  1. 新建 JS文件
    在这里插入图片描述
  2. 将所有JS代码放入JS文件中
    在这里插入图片描述
  3. 通过外部调用JS文件运行
    在这里插入图片描述

在这里插入图片描述
注意:一旦使用外链式,在标签引入了JS文件,标签内部是不能再放JS代码的,如果需要,则要另起一个新的标签。

总结

上述提供了三种JS的书写格式,各有各的优点,但是在编写代码的过程中,很多时候都需要从服务器中调用信息,因此一般的做法都是将所有的JS代码写入一个文件中,然后使用外链式的方法调用。


以上仅作为本人学习JS的笔记记录,如果有地方表达不正确,欢迎各位大神指点迷津。

从零开始:全面JavaScript编程教程 本文还有配套的精品资源,点击获取 简介:JavaScript是一种在网页和网络应用中广泛使用的编程语言,负责网页的动态交互。本教程系统讲解了JavaScript的基础知识、语法、DOM操作、AJAX技术、ES6及以后版本的新特性以及Node.js的使用。通过本教程的学习,读者将能够掌握JavaScript的核心概念和技能,并能够应用于前端开发或服务器端编程。 1.... 阅读详情

相关推荐

【Flow3D实战】从零构建水利冲淤模型:关键步骤与参数详解

本文详细介绍了使用Flow3D构建水利冲淤模型的关键步骤与参数设置技巧。从基础认知到前处理、计算设置和后处理,全面解析如何高效模拟水流与泥沙的相互作用,特别适用于桥墩冲刷、水库泄洪等工程场景。通过实战案例分享,帮助读者掌握Flow3D在水利工程中的精准应用,提升模型精度与计算效率。

weixin_42549723的博客 502

JavaScript 教程 (详细 全面)

JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。HTML 用来定义网页的内容,例如标题、正文、图像等;CSS 用来控制网页的外观,例如颜色、字体、背景等;JavaScript 用来实时更新网页中的内容,例如从服务器获取数据并更新到网页中,修改某些标签的样式或其中的内容等,可以让网页更加生动。JavaScript 诞生于 1995 年,几乎是和互联网同时出现;

梁辰兴的博客 12万+

高通camera open代码流程(hal到kernel)

内容:简单介绍Camera open代码调用流程,从HAl到kernel。(api1+hal1) 前言 Android camera api和hal对应关系。安卓在版本更新过程中,camera相关代码也经历了几个版本的更新,表现为camera HAL版本更新(HAL1->HAL2->HAL3),camera API版本更新(camera API1->camera API2),接下...

oxoo123的专栏 4276

【JavaScript】写程序编程基础入门

学习**JavaScript**入门,写编程时候有没有静下来思考过,自己编写得都是些什么,自己编写的是一个怎样的程序,能说具体一点吗,写程序就是写**数据结构**和**算法**,理解深刻一下,相信初学者能看得明明白白。

818

【超详细】基于YOLOv8的PCB缺陷检测

印刷电路板(PCB)瑕疵数据集:是一个公共的合成PCB数据集,由北京大学发布,其中包含1386张图像以及6种缺陷(缺失孔,鼠标咬伤,开路,短路,杂散,伪铜),用于检测,分类和配准任务。本文我们选取了其中适用与检测任务的693张图像,随机选择593张图像作为训练集,100张图像作为验证集。

weixin_45679938的博客 2万+

别再用图片水印了!5种你可能不知道的文本隐写术实战

本文介绍了5种高效的文本隐写术,帮助创作者在不影响内容可读性的情况下嵌入版权信息。从零宽度字符到同形字替换,再到标点符号变形和行尾空格编码,这些技术为数字内容提供了轻量级版权保护方案,特别适用于社交媒体和电子合同等场景。

k8l9m0n的博客 225

超详细的JavaScript教程

首先,我们需要了解什么是编辑器。这些编辑器都有着各自的优缺点,在选择的时候需要根据自己的需求和习惯来进行选择。它们都有着友好的界面、丰富的功能和出色的性能,可以帮助我们更好地进行开发和测试。在这方面,Visual Studio Code和Atom都有着比较友好的用户界面,同时还有着丰富的插件和扩展,可以帮助程序员更高效地编写代码。以上是我们的八个例子,通过这些实例,您已经了解了JavaScript的基本语法和常见应用。DOM是文档对象模型的缩写,它是一种用来操作HTML和XML文档的API。

ljl的博客 498

cuRobo 入门教程(一)基于CUDA的机器人运动规划加速库

cuRobo是一款基于CUDA加速的机器人算法库,提供运动学计算、碰撞检测、轨迹优化等功能。该库采用并行优化技术,在GPU上实现高效运算,比现有方案快60倍。cuRobo支持多种机器人模型和环境表示,包含正向/逆向运动学、无碰撞轨迹生成、模型预测控制等核心算法,并可与IsaacSim等仿真平台集成。其特点包括:1) 支持多种碰撞检测方式(长方体/网格/深度图像);2) 提供批量环境处理和实时世界更新;3) 通过CUDA Graphs加速优化迭代;4) 在Jetson Orin等平台实现毫秒级运动规划。安装支

2506_90492529的博客 1931

JavaScript基础

JS目录前言一、JS的介绍1.1网页引入js的方式1.2 编写JavaScript注意事项1.3 浏览器交互方式1.4 script 脚本异步加载 defer二、变量和数据类型1 变量的提升1.1.变量的定义和命名1.2 常见的数据类型(8种)1.2.1 String 型1.2.2 Number 型1.2.3 Boolean 类型1.2.4 Undefined 和 Null类型1.2.5 Object类型1.3 typeof 查看数据类型方法1.4 错误检查 try-catch三、数据类型的转换1.1

m0_58430841的博客 1309

YOLO26涨点改进 | 小目标损失函数独家改进篇 | TGRS 2025 | 引入AdaFocalLoss损失函数,改进小目标检测,自适应聚焦小目标与样本分布不平衡,提升检测精度与训练稳定性

目录一、前言:YOLO26原生损失函数在小目标检测中的核心痛点(涨点瓶颈)1.1 小目标权重不足,聚焦能力薄弱1.2 样本分布不平衡适配性差,正负样本权重失衡1.3 训练不稳定,易出现梯度消失/震荡1.4 未区分小目标与背景的冗余干扰,误检率高二、TGRS 2025顶刊灵感解析:自适应聚焦损失的核心逻辑三、全网独家创新:AdaFocalLoss损失函数设计与YOLO26适配(核心重点,可复现)3.1 AdaFocalLoss函数整体设计(独家设计,清晰可复现)3.2 各核心模块详细设计(独家创新,可直接复现

qq_36130719的博客 202

具身智能(26):RDK S100的LeRobot或Agile X piper机械臂控制模型

本文档详细介绍了基于ROS2的机器人控制模型架构与标定数据联动机制。核心采用"感知-规划-控制"闭环流程,通过激光雷达、相机和IMU的融合数据实现厘米级定位(≤1cm)。文档包含两大控制模型配置:1)RDKLeRobot模型,重点说明PID参数调节和标定文件路径设置;2)AgileXPiper模型,强调驱动安装与外部标定文件集成。针对常见问题提供解决方案,如控制指令无响应需验证标定路径,运动偏差过大需重新标定等。最后给出批量部署方案,通过复制基准配置文件实现多机器人快速配置,要求定位偏差

码农17年的博客 179

JS-书写格式

JS-书写格式行内样式内嵌样式(内联样式)外链样式注意点 行内样式 写在标签内部 <div onclick="alert('666')">我是div</div> 内嵌样式(内联样式) 写在一对head标签中 <script> alert(666); </script> 外链样式 写在一个单独的.js文件中, 再导入进来 <scrip...

堇年 3617

【UE5】RTS游戏的框选功能+行军线效果实现

步骤: 一、项目准备; 二、框选NPC并移动到指定地点; 三、框选效果; 四、行军线效果

ChaoChao66666的博客 2378

JavaScript介绍,书写格式

一、什么是JavaScript? 简称JS,前端开发,脚本语言(解释型语言) 解释型语言:程序执行前,不需要对代码进行编译,在运行时边解析边执行 浏览器工作原理: 编译型语言:程序执行之前,需要一个专门的编译过程,把程序编译成机器语言文件, 二、JS的组成 ECMAScript:JavaScript的语法标准 DOM:JavaScript操作网页上的元素(标签)API BOM:JavaScript操作浏览器的部分功能的API 三、JavaScript的书写格式 1、行内样式:写在标签内部 2、内嵌样式

ZHY_8643的博客 739

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

01_JavaScript书写格式

JavaScript代码可以在三种地方写(类似css) 在标签内部写(不推荐) <body> <div onclick="alert('123')">我是div</div> </body> 在html中写 (1).像写css一样在head标签内写

weixin_44543513的博客 2975

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

JavaScript学习笔记(一)

本文主要介绍了 JavaScript 的基本概念、语法结构、变量和常量、数据类型及类型转换方法

2402_82857752的博客 3652

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

JavaScript书写格式

02-JavaScript基础-书写格式 JavaScript的语法规范 JavaScript有三种书写格式,分别是“行内式”、“页内式”、“外链式” 行内式 &amp;lt;button onclick = &quot;alert('今天天气很好! ');&quot;&amp;gt;今天天气很好!&amp;lt;/button&amp;gt; 行内式注意点 JS内使用单引号 页内式 &amp;lt;body&a

JiangNanMax的博客 9064

前端必备:Javascript 3种书写格式详细介绍

在网页中编写JavaScript代码时,有3种书写位置,分别是行内式、内嵌式(也称为嵌人式)和外部式(也称为外链式),下面分别进行讲解。行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性,如onclick)。下面通过具体操作步骤进行演示。(1)创建一个简单的HTML页面,将文件命名为demo01.html。(2)编写demo01.html,具体代码如下。在上述代码中,第4行声明了网页的编码为UTF-8,帮助浏览器正确识别网页的编码。...

Aa112233aA1的博客 4687

JavaScript 书写位置详解

JavaScript 1.4 的书写位置与现代 JavaScript 相似,主要包括内联、内部和外部三种方式。虽然语法和特性有所更新,但基本的代码组织和位置原则仍然适用。理解这些基础概念对于掌握 JavaScript 的发展历程和现代最佳实践都有重要意义。在实际开发中,应优先考虑使用外部脚本文件,合理放置脚本位置以优化页面加载性能,并遵循分离关注点的原则,将行为、结构和样式分开。

2402_84987408的博客 1204

js书写格式

什么是js javascript是解释型语言。实现用户和网页交互。 js的书写格式: 1.行内格式:标签内部 <body> <div class="hello" onclick="hello()"></div> </body> 2.内联样式,写script标签在html文件中 3.外联样式 不推荐直接将JavaScript代码书写到标签内部 默认情况下浏览器会从上至下的解析网页, 所以如果将JavaScript写到一对head标签中, 并

weixin_45633353的博客 3144

JS-1书写格式和输出方式

书写格式和输出样式

xxzjwyql的博客 463

1-JavaScript书写格式

1.CSS书写格式 1.行内样式: 写在标签内部 2.内嵌样式(内联样式) : 写在一对head标签中 3.外链样式: 写在一个单独的.css文件中, 再导入进来 2.JavaScript书写格式 1.行内样式: 写在标签内部 2.内嵌样式(内联样式) : 写在一对head标签中 3.外链样式: 写在一个单独的.js文件中, 再导入进来 3.JavaScript书写格式注意点 1.不推荐直接将JavaScript代码书写到标签内部 2.默认情况下浏览器会从上至下的解析网页, 所以如果将JavaScrip

风不冷的博客 574

JavaScript的3种书写格式详细介绍

在网页中编写JavaScript代码时,有3种书写位置,分别是行内式、内嵌式(也称为嵌人式)和外部式(也称为外链式),下面分别进行讲解。 1.行内式 行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性,如onclick)。下面通过具体操作步骤进行演示。 (1)创建一个简单的HTML页面,将文件命名为demo01.html。 (2)编写demo01.html,具体代码如下。 在上述代码中,第4行声明了网页的编码为UTF-8,帮助浏览器正确识别网页的编码。 在

Aa112233aA1的博客 5925

JS的书写格式

JS的书写格式 分为行内JS、内部JS和外部JS三种

博客之家 1万+

JavaScript的书写格式

JavaScript的书写有两种方式 外链式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src='work....

syuuenn的博客 2168
上一篇: 【Linux学习笔记62】UNIX域套接字
下一篇: 【JavaScript学习笔记2】JS中常见的输出方式-控制台输出信息
RayCongLiang
博客等级 码龄9年 51粉丝 94原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值