当前位置： 首页 > news >正文

JavaScript( 简介)

news 文章来源：https://blog.csdn.net/m0_74124657/article/details/141902314 2025/5/17 3:47:11

目录

含义

实例

js代码位置

1 外部引入js文件

2 在 HTML 中，JavaScript 代码必须位于  标签之间。

小结

含义

js是一门脚本语言，能够改变HTML内容

实例

getElementById() 是多个 JavaScript HTML 方法之一。

本例使用该方法来“查找” id="demo" 的 HTML 元素，并把元素内容（innerHTML）更改为 "Hello JavaScript"。

代码如下

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>javascript 可以做什么</p><p id="demo1"> JavaScript 可以改变html 内容</p><button type="button" onclick='document.getElementById("demo1").innerHTML="Hello JavaScript!"'> 点击!!</button></body>
</html>

最终实现结果

注意：JavaScript 在书写 字符串时，同时支持单引号和双引号

    //"Hello JavaScript!"
    //'Hello JavaScript!'

js代码位置

1 外部引入js文件

注意：外部脚本不能包含 <script> 标签。

创建js文件，然后在HTML中script标签中引入。这种方式主要是因为有很多js代码，如果全部写在html中，会显得拥挤，影响整体代码的布局，所以采用外部文件引入的方式

注意

  • ./ 符号表示当前目录。
  • ../符号表示上一级目录（../js/example01.js，就是从上级目录js-example 下寻找example01.js文件，这种情况，一般对应同级目录）
  • ../ ../ 表示向上两级目录中寻找

2 在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间。

2.1 <head> 或 <body> 中的 JavaScript

<head> 中的 JavaScript

<body> 中的 JavaScript

小结

本篇博客，简单的介绍了js的含义和创建js位置

相关文章：

JavaScript( 简介)

目录 含义 实例 js代码位置 1 外部引入js文件 2 在 HTML 中&#xff0c;JavaScript 代码必须位于 标签之间。 小结 含义 js是一门脚本语言&#xff0c;能够改变HTML内容 实例 getElementById() 是多个 JavaScript HTML 方法之一。 本例使用该方法来“查找” id"d…...

编程日记 2024/9/8 5:09:15

Linux中的编译器gcc/g++

目录 一、gcc与g的区别 1.gcc编译器使用 2.g编译器使用 二、gcc/g编译器编译源文件过程 1.预处理 2.编译 3.汇编 4.链接 三、静态库和动态库 1.库中的头文件作用 2.静态库 3.动态库 四、gcc编译器的一些选项命令 一、gcc与g的区别 gcc用于编译C语言代码&#xff…...

编程日记 2024/9/8 5:07:13

RK3568安装部署Docker容器

设置华为镜像源 sudo sed -i s/huaweicloud.com/ustc.edu.cn/g /etc/apt/sources.list更新索引 rootok3568:/home/forlinx# sudo apt-get update Hit:1 http://ports.ubuntu.com/ubuntu-ports focal InRelease Hit:2 http://ports.ubuntu.com/ubuntu-ports focal-updates InR…...

编程日记 2024/9/8 5:06:12

Ubuntu 常用指令和作用解析

Ubuntu 常用指令和作用解析 Ubuntu 是一种常见的 Linux 发行版&#xff0c;它利用了 Unix 的力量和开源软件的精神。掌握常用指令可以提高我们在使用 Ubuntu 时的效率。本文将介绍一些常见的指令及其用途。 目录 更新与安装软件文件与目录操作系统信息与资源监控用户与权限管…...

编程日记 2024/9/8 5:03:09

2024国赛数学建模C题完整论文：农作物的种植策略

农作物种植策略优化的数学建模研究&#xff08;完整论文&#xff0c;持续更新&#xff0c;大家持续关注&#xff0c;更新见文末名片 &#xff09; 摘要 在本文中&#xff0c;建立了基于整数规划、动态规划、马尔科夫决策过程、不确定性建模、多目标优化、相关性分析、蒙特卡洛…...

编程日记 2024/9/8 5:02:08

【语音告警】博灵智能语音报警灯JavaScript循环播报场景实例-语音报警灯|声光报警器|网络信号灯

功能说明 本文将以JavaScript代码为实例&#xff0c;讲解如何通过JavaScript代码调用博灵语音通知终端 A4实现声光语音告警。主要博灵语音通知终端如何实现无线循环播报或者周期播报的功能。 本代码实现HTTP接口的声光语音播报&#xff0c;并指定循环次数、播报内容。由于通知…...

编程日记 2024/9/8 5:01:07

指针与函数（三）

三 .指向函数的指针 函数和数组一样,经系统编译后,其目标代码在内存中连续存放,其名字本身就是一个地址,是函数的入口地址。C语言中,指针可以指向变量,也可以指向函数。 指问函数的指针的定义格式为 类型名&#xff08;*指针变量名&#xff09;参数表 其中参数表为函数指针所…...

编程日记 2024/9/8 4:59:05

锐捷网络2025届校园招聘正式启动，【NTA6dni】！

锐捷网络2025届校园招聘正式启动&#xff0c;内推码[NTA6dni]。 原文链接点这 投递链接点这 祝大家面试顺利&#xff0c;offer多多~ 有问题大家可以评论&#xff0c;互相交流~...

编程日记 2024/9/8 4:58:04

共享内存喜欢沙县小吃

旭日新摊子好耶&#xff01; 系统从0开始搭建过通信方案&#xff0c;本地通信方案的代码&#xff1a;System V IPC 里面有共享内存、消息队列、信号量 共享内存 原理 两个进程有自己的内存区域划分&#xff0c;共享内存被创建出的时候是归属操作系统的&#xff0c;还是通过…...

编程日记 2024/9/8 4:55:01

五、Build构建配置:jar包换名、自行定义编译规则

&#xff08;1&#xff09;jar包换名&#xff1a;finalName &#xff08;2&#xff09;自行定义编译规则&#xff08;通常不用&#xff09; Maven约定的规则就是java目录下写java代码&#xff0c;resources目录下写配置文件。 遵循规则&#xff0c;Maven会帮忙做编译。 如若…...

编程日记 2024/9/8 4:54:00

Html、Css3动画效果

文章目录 第九章 动画9.1 transform动画9.2 transition过渡动画9.3 定义动画 第九章 动画 9.1 transform动画 transform 2D变形 translate()&#xff1a;平移函数&#xff0c;基于X、Y坐标重新定位元素的位置 scale()&#xff1a;缩放函数&#xff0c;可以使任意元素对象尺…...

编程日记 2024/9/8 4:51:57

【AIStarter：AI绘画、设计、对话】零基础入门：Llama 3.1 + 千问2快速部署

对于希望在本地环境中运行先进语言模型的用户来说&#xff0c;Llama 3.1和千问2是非常不错的选择。本文将详细介绍如何在本地部署这两个模型&#xff0c;让你能够快速开始使用。 前期准备 确保你的计算机具备足够的存储空间和计算能力。安装Python环境以及必要的库&#xff0…...

编程日记 2024/9/8 4:50:56

多机编队—(1)ubuntu 配置Fast_Planner

文章目录 前言一、Could not find package ...二、使用error: no match for ‘operator’...总结 前言 最近想要做有轨迹引导的多机器人编队&#xff0c;打算采用分布式的编队架构&#xff0c;实时的给每个机器人规划出目标位置&#xff0c;然后通过Fast_Planner生成避障路径&…...

编程日记 2024/9/8 4:49:55

【数学建模经验贴】国赛拿到赛题后，该如何选题？

2024“高教社杯”全国大学生数学建模竞赛即将开赛。这可能是很多同学第一次参加国赛&#xff0c;甚至是第一次参加数学建模比赛。 那么赛题的公布也就意味着比赛的开始&#xff0c;也将是我们所要面对的第一个问题——选题。在国赛来临的前夕&#xff0c;C君想和大家聊一聊容易…...

编程日记 2024/9/8 4:48:54

如何快速融入大学课堂

快速融入大学课堂是适应大学生活的重要一步。以下是一些实用的建议&#xff0c;帮助你快速融入大学课堂并取得良好的学习效果。 ### 1. 提前准备 - **课前预习**&#xff1a;在上课前预习课程内容&#xff0c;了解基本概念和知识点&#xff0c;这样在课堂上更容易跟上老师的讲…...

编程日记 2024/9/8 4:47:53

el-table行编辑

需求&#xff1a;单点行编辑并且请求接口更新数据&#xff0c;表格中某几个字段是下拉框取值的&#xff0c;剩下的是文本域&#xff1b;展示的时候 需要区分下拉框编码还是中文 故障模式这个展示的是fault_mode编码,但要显示的文字fault_mode_chn 这点需要注意 <el-tablere…...

编程日记 2024/9/8 4:45:51

OpenSSL Windows编译

目录 1. 源码下载2. vs2022编译 1. 源码下载 源码地址 2. vs2022编译 (1) 将“VS2022安装目录VC\Auxiliary\Build\“设置为PATH环境变量&#xff0c;启动cmd命令行&#xff08;一定要先设置环境变量&#xff09;。 (2)在cmd下进入VS2013安装目录vs2022\VC\Auxiliary\Build&…...

编程日记 2024/9/8 4:44:50

优化LabVIEW中TCP通信速度的方法

在LabVIEW中&#xff0c;TCP通信速度较慢可能由多种因素导致&#xff0c;如数据包处理延迟、阻塞式读取或数据解析效率低等。通过调整读取模式、优化数据处理逻辑、以及使用并行处理结构&#xff0c;可以显著提升TCP通信的速度&#xff0c;使其接近第三方调试工具的表现。LabVI…...

编程日记 2024/9/8 4:42:47

【视频讲解】Python贝叶斯卷积神经网络分类胸部X光图像数据集实例

全文链接&#xff1a;https://tecdat.cn/?p37604 分析师&#xff1a;Yuanchun Niu 在人工智能的诸多领域中&#xff0c;分类技术扮演着核心角色&#xff0c;其应用广泛而深远。无论是在金融风险评估、医疗诊断、安全监控还是日常的交互式服务中&#xff0c;有效的分类算法都是…...

编程日记 2024/9/8 4:41:46

src/pyaudio/device_api.c:9:10: fatal error: portaudio.h: 没有那个文件或目录

(venv) shgbitaishgbitai-C9X299-PGF:~/pythonworkspace/ai-accompany$ pip install pyaudio sounddevice Collecting pyaudioDownloading PyAudio-0.2.14.tar.gz (47 kB)━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 47.1/47.1 kB 644.…...

编程日记 2024/9/8 4:40:45

移动端视频编辑SDK解决方案，AI语音识别添加字幕

对于众多Vlog创作者而言&#xff0c;繁琐的字幕添加过程往往成为提升内容质量的绊脚石。为了彻底改变这一现状&#xff0c;美摄科技凭借其深厚的AI技术积累与创新的移动端视频编辑SDK解决方案&#xff0c;推出了革命性的AI语音识别添加字幕功能&#xff0c;让视频创作更加高效、…...

编程日记 2024/9/8 4:39:44

WIN11 ESP32 IDF + VSCODE 环境搭建[教程向]

前言 目录 前言 安装ESP32-IDF VSCODE插件安装 编译测试 很多时候我们想学习一门新的技能&#xff0c;需要使用全新的开发环境&#xff0c;很多时候我们会在安装环境这个环节卡住很久&#xff0c;这里简单介绍一下ESP32VSCODE环境搭建。 安装ESP32-IDF https://dl.espre…...

编程日记 2024/9/8 4:38:43

Gemini AI 与 ChatGPT：哪个更适合为我策划婚礼？

我在六月订婚后&#xff0c;一心想着婚礼钟声&#xff0c;但在看到这些婚礼场地报价后&#xff0c;更像是警铃声响起。 “叮咚”已经被重新混音成“哗啦啦”——我需要帮助。 我甚至不知道如何 开始 计划婚礼。第一步是什么&#xff1f;我需要优先考虑什么&#xff1f;哪些任…...

编程日记 2024/9/8 4:34:39

log4j 同一线程隔离classloader下MDC信息不同问题解决 ThreadLocal问题分析

最近遇到日志文件记录错误的问题。一个任务的日志信息会被莫名的拆分到两个不同目录中。且有一个目录还是曾经执行过的任务的目录。经过分析&#xff0c;首先怀疑的是MDC没有清理的问题&#xff0c;这也是最直观的问题。因为任务是在线程池(fixedThreadPool)中运行的。由于线程…...

编程日记 2024/9/8 4:32:37

【2024-2025源码+文档+调试讲解】微信小程序的城市公交查询系统

摘 要 当今社会已经步入了科学技术进步和经济社会快速发展的新时期&#xff0c;国际信息和学术交流也不断加强&#xff0c;计算机技术对经济社会发展和人民生活改善的影响也日益突出&#xff0c;人类的生存和思考方式也产生了变化。传统城市公交查询管理采取了人工的管理方法…...

编程日记 2024/9/8 4:31:36

Android14音频进阶之定制ramdisk文件系统init服务(八十三)

简介： CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布：《Android系统多媒体进阶实战》🚀 优质专栏： Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏： 多媒体系统工程师系列【原创干货持续更新中……】🚀 优质视频课程：AAOS车载系统+…...

编程日记 2024/9/8 4:24:28

Clickhouse 为什么这么快

Clickhouse 的缘起 Clickhouse 最初是为 Yandex.Metrica 这个世界上第二大的Web分析平台开发的&#xff0c;并且一直是这个系统的核心组件。ClickHouse在Yandex.Metrica中的主要任务是使用非聚合数据在在线模式下构建报告&#xff0c;使用374台服务器组成的集群&#xff0c;在…...

编程日记 2024/9/8 4:21:25

后仿真中《建立违例和保持违例》你死板思维了吗？

最近胡乱翻翻一些大佬的博客文章，忽然看到了关于clock skew 的一篇文章，文章的链接贴在这里，供大家查阅。《Clock skew (qq.com)》。那么，这篇文章与今天的主题，由什么关系呢？ 是因为，从中看到了关于时序违例的解读。UP主对保持时间和建立时间的解读，是从另一个角度，…...

编程日记 2024/9/8 4:19:23

springboot启动时替换配置参数

SpringBoot启动时配置参数替换 一.背景 SpringBoot项目启动的时候&#xff0c;在不使用配置中心等的前提下或者有公司强制使用指定的“密码箱”情况下&#xff0c;需要远程获取关键配置信息&#xff0c;比如数据库密码&#xff0c;则需要在项目启动前获取配置并且进行本地配置…...

编程日记 2024/9/8 4:18:21

postgres数据库中如何看查询是否走索引，以及在什么情况下走索引

在 PostgreSQL 中，可以通过 EXPLAIN 或 EXPLAIN ANALYZE 查看查询计划，以判断查询是否使用了索引。除此之外，了解索引的使用条件对于优化查询性能也很重要。 1. 如何查看查询是否使用索引 使用 EXPLAIN 查看查询计划 EXPLAIN 显示 PostgreSQL 如何执行查询，包括是否使用索…...

编程日记 2024/9/8 4:16:20