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

1 js嵌入html使用

news 2026/3/24 20:04:04

1.1 直接在html内部使用js代码

使用script标签，在前后标签内部写的代码即为js代码。

	<body><p id="p1">初始段落</p>  <!--id是为了定位需要更改内容的标签--><button type="button" onclick="showNum()">重置</button> <!-- 定义触发事件为onclick，点击按钮后自动执行showNum方法--><script>function showNum(){document.getElementById("p1").innerHTML = "重置后的结果";   /*找到id为p1的标签，把等号右边的内容赋值进去替换<></>之间的内容，即把初始段落替换掉*/}</script></body>

运行结果如下，未点击重置按钮：

点击重置按钮后：

1.2 外部js嵌入

1.2.1 编写js文件

注意！外部js文件结尾一定要加分号！尤其是花括号结尾！

function showNum(){document.getElementById("p1").innerHTML = "重置后的结果";   /*找到id为p1的标签，把等号右边的内容赋值进去替换<></>之间的内容*/
};/*注意,外部js文件结尾一定要加分号！*/

1.2.2 编写html文件

使用<script src="../js/demo1.js"></script>，将js文件的内容嵌入html文件中，相当于html执行了js文件的内容，当然只是定义了一个函数。

	<body><p id="p1">初始段落</p>  <!--id是为了定位需要更改内容的标签--><button type="button" onclick="showNum()">重置</button> <!-- 定义触发事件为onclick，点击按钮后自动执行showNum方法--><script src="../js/demo1.js"></script></body>

运行结果如下，在未点击重置按钮时：

在点击重置按钮后：

1 js嵌入html使用

1.1 直接在html内部使用js代码使用script标签，在前后标签内部写的代码即为js代码。 <body><p id"p1">初始段落</p> <button type"button" onclick"showNum()">…...

编程日记 2023/7/26 17:16:11

总结RoctetMQ

RoctetMQ 定义优缺点场景使用方式消息顺序问题死信幂等性可视化面板定义优缺点场景使用方式消息顺序问题死信幂等性可视化面板...

编程日记 2023/7/26 17:15:10

命名约定~

1.变量的命名约定 JavaScript 变量名称是区分大小写的，大写和小写字母是不同的。比如： let DogName Scooby-Doo; let dogName Droopy; let DOGNAME Odie; console.log(DogName); // "Scooby-Doo" console.log(dogName); // "Dro…...

编程日记 2023/7/26 17:14:09

Python基础-列表(list)和元组(tuple)

Python包含6种内建的序列：列表，元组，字符串，Unicode字符串，buffer对象，xrange对象，本文讨论列表和元组。 1.列表可以修改，元组则不能修改。 2.几乎在所有的情况下，列表…...

编程日记 2023/7/26 17:13:08

Dubbo介绍及使用

🍓 简介：java系列技术分享(👉持续更新中…🔥) 🍓 初衷:一起学习、一起进步、坚持不懈 🍓 如果文章内容有误与您的想法不一致,欢迎大家在评论区指正🙏 🍓 希望这篇文章对你有所帮助,欢…...

编程日记 2023/7/26 17:12:07

初阶C语言-分支和循环语句（下）

“花会沿途盛开，以后的路也是。” 今天我们一起来继续学完分支语句和循环语句。分支和循环 3.循环语句3.4 do...while()循环3.4.1 do语句的用法 3.5关于循环的一些练习3.6 goto语句 3.循环语句 3.4 do…while()循环 3.4.1 do语句的用法 do循环语句;//当循环语句…...

编程日记 2023/7/26 17:11:05

目录关于torch.tensor关于tensor的操作关于梯度gradients 关于torch.tensor 关于tensor的操作 x1torch.ones(3,3) xtorch.ones(2,2,requires_gradTrue) print(x1,\n,x)yx2 print(y) print(x.grad_fn) print(y.grad_fn)zy*y*3 outz.mean() print(z,out)注意 atorch.randn(2,…...

编程日记 2023/7/26 17:10:04

Linux--进程池

1.一个父进程生成五个子进程且分别建立与子进程管道 ①用for循环，结束条件为<5 ②father父进程每次都要离开for循环，生成下一个子进程和管道 2.#include <cassert>和#include <assert.h>的区别 assert.h 是 C 标准库的头文件&#xff…...

编程日记 2023/7/26 17:09:03

SpringCloudAlibaba微服务实战系列（四）Sentinel熔断降级、异常fallback、block细致处理

SpringCloudAlibaba Sentinel降级和熔断接着上篇文章的内容，在Sentinel中如何进行降级和熔断呢？ 熔断降级规则降级规则在Sentinel中降级主要有三个策略：RT、异常比例、异常数，也是针对某个资源的设置。而在1.8.0版本后RT改为…...

编程日记 2023/7/26 17:08:02

WebDAV之π-Disk派盘+ WinSCP

WinSCP是一个免费的开源文件传输应用程序，它使用文件传输协议，安全外壳文件传输协议和安全复制协议来进行纯文件或安全文件传输。该应用程序旨在与Windows一起使用，并支持常见的Windows桌面功能，例如拖放文件，跳转列表…...

编程日记 2023/7/26 17:07:00

Python案例分析｜使用Python图像处理库Pillow处理图像文件

本案例通过使用Python图像处理库Pillow，帮助大家进一步了解Python的基本概念：模块、对象、方法和函数的使用使用Python语言解决实际问题时，往往需要使用由第三方开发的开源Python软件库。本案例使用图像处理库Pillow中的模块、对象来处理…...

编程日记 2023/7/26 17:06:00

音视频——压缩原理

H264视频压缩算法现在无疑是所有视频压缩技术中使用最广泛， 最流行的。随着 x264/openh264以及ffmpeg等开源库的推出，大多数使用者无需再对H264的细节做过多的研究，这大降低了人们使用H264的成本。但为了用好H264，我们还是要对…...

编程日记 2023/7/26 17:04:59

微服务云原生：搭建 K8S 集群

为节约时间和成本，仅供学习使用，直接在两台虚拟机上模拟 K8S 集群搭建踩坑之旅系统环境：CentOS-7-x86_64-Minimal-2009 镜像，为方便起见，直接在 root 账户下操作，现实情况最好不要这样做。基础准备关…...

编程日记 2023/7/26 17:03:58

C++中的数学问题---进制转换

二进制转十六进制 string binToHex(string bin){string hex"";if(bin.size()%4!0){for(int i0;i<(4-bin.size()%4);i){bin"0"bin;}}for(int i0;i<bin.size();i4){string tmpbin.substr(i,4);bitset<4>b(tmp);hexb.to_ulong()<10?char(b.t…...

编程日记 2023/7/26 17:02:56

开发一个RISC-V上的操作系统（三）—— 串口驱动程序（UART）

目录文章传送门一、什么是串口二、本项目串口的FPGA实现三、串口驱动程序的编写四、上板测试文章传送门开发一个RISC-V上的操作系统（一）—— 环境搭建_riscv开发环境_Patarw_Li的博客-CSDN博客开发一个RISC-V上的操作系统（二&…...

编程日记 2023/7/26 17:01:55

nuxt项目部署，npm run build 和npm run generate的区别

每日鸡汤：每个你想要学习的瞬间都是未来的你向自己求救非服务端渲染的项目，比如普通的vite vue项目，我们在部署生产环境的时候，只需要两步运行 npm run build 然后得到了一个 dist 文件夹将这个dist文件夹部署到一个静态服务器…...

编程日记 2023/7/26 17:00:54

数据仓库设计理论

数据仓库设计理论一、数据仓库基本概念 1.1、数据仓库介绍数据仓库是一个用于集成、存储和分析大量结构化和非结构化数据的中心化数据存储系统。它旨在支持企业的决策制定和业务分析活动。 1.2、基本特征主题导向：数据仓库围绕特定的主题或业务领域进行建模…...

编程日记 2023/7/26 16:59:53

数据接口有哪些？(数据接口有哪几种)

数据接口是指不同应用程序或系统之间交换数据的通信界面。在现代信息化社会中，数据接口扮演着极为重要的角色，它们使得不同平台之间能够相互连接和交流，从而实现数据共享和应用集成。数据接口的种类繁多，常见的有以下几种&#…...

编程日记 2023/7/26 16:58:52

华为云CodeArts产品体验的心得体会及想法

文章目录前言CodeArts 的产品优势一站式软件开发生产线研发安全Built-In华为多年研发实践能力及规范外溢高质高效敏捷交付功能特性说明体验感受问题描述完结前言华为云作为一家全球领先的云计算服务提供商，致力于为企业和个人用户提供高效、安全、可靠的云服务。…...

编程日记 2023/7/26 16:57:51

下载安装：SQLite+SQLiteStudio+VS

目录 1、SQLite 1.1、下载SQLite 1.2、配置SQLite的环境变量 2、SQLite Studio 2.1、下载SQLite Studio 2.2、安装SQLite Studio 3、Visual Studio 3.1、下载Visual Studio 3.2、安装Visual Studio 1、SQLite 1.1、下载SQLite SQLite官网：SQLite Downl…...

编程日记 2023/7/26 16:56:50

灵感画廊代码实例：app.py主入口结构解析与Streamlit自定义CSS注入技巧

灵感画廊代码实例：app.py主入口结构解析与Streamlit自定义CSS注入技巧 1. 引言：从艺术沙龙到代码实现想象一下，你走进一间充满宣纸色调、光线柔和的画廊。这里没有冰冷的工业按钮，只有静谧的留白和雅致的衬线字体。你轻声对AI诉…...

编程新知 2026/3/24 19:55:03

YOLOv11 vs YOLOv12性能对决：在Intel Ultra 9处理器上用OpenVINO C# API实测

YOLOv11与YOLOv12在Intel Ultra平台上的性能实测与选型指南当计算机视觉领域的两大标杆模型YOLOv11与YOLOv12遇上Intel最新Ultra 9处理器，会碰撞出怎样的火花？本文将通过详尽的基准测试，揭示两代模型在CPU、NPU和GPU不同硬件组合下的真实表现…...

编程新知 2026/3/24 19:26:59

毕业论文降AI率省钱攻略：免费额度+工具组合最优方案

毕业论文降AI率省钱攻略：免费额度工具组合最优方案毕业季花钱的地方太多了——打印费、答辩服装、毕业照、散伙饭，哪哪都要钱。论文降AI率这件事能省则省，但又不能为了省钱影响效果。这篇攻略就是帮你算清楚这笔账的。哪些免费额度可以薅&a…...

编程新知 2026/3/24 19:24:59

Windows 10下用WPS搞定PADS Layout元件列表导出（解决ActiveX报错）

Windows 10环境下WPS完美替代Office实现PADS Layout元件列表导出作为一名经常需要处理PCB设计文件的硬件工程师，我深知元件列表导出这个看似简单的操作在实际工作中可能遇到的种种麻烦。特别是在没有安装Microsoft Office的情况下，PADS Layout的脚本功能…...

编程新知 2026/3/24 16:46:20

小米手环心率数据采集：5分钟搭建个人健康监测系统

小米手环心率数据采集：5分钟搭建个人健康监测系统【免费下载链接】mebeats 💓 小米手环实时心率数据采集 - Your Soul, Your Beats! 项目地址: https://gitcode.com/gh_mirrors/me/mebeats mebeats 是一个基于Go语言开发的小米手环实时心率监测开…...

编程新知 2026/3/24 16:28:16