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

html学习9（脚本）

news 2026/4/1 7:01:27

1、<script>标签用于定义客户端脚本，比如JavaScript，既可包含脚本语句，也可通过src属性指向外部文件。

2、JavaScript最常用于图片操作、表单验证及内容动图更新。

3、<noscript>标签用于在浏览器禁用脚本或浏览器不支持脚本，无法执行脚本时的替代内容，类似alt。

4、JavaScript可以直接按html文件的格式输出。

5、JavaScript可以利用函数调用进行事件响应。

6、JavaScript可以处理html样式。

<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>html脚本</title></head><body><p id="js">点击按钮此处内容将被替换</p><script>document.write("hello javascript")document.write("<h1>这是一个标题</h1>") //javascript直接输出html格式/function f1(){<!--函数定义-->document.getElementById("js").innerHTML="js函数调用";//通过id来指定函数执行要改变的内容/document.getElementById("js").style.color="#ff0000";//js改变html样式}</script><button type="button" onclick="f1()">调用js函数按钮</button><!--函数调用--><noscript>你的浏览器不支持JavaScript！</noscript></body>
</html>

运行结果：

 

相关文章：

html学习9（脚本）

1、<script>标签用于定义客户端脚本&#xff0c;比如JavaScript&#xff0c;既可包含脚本语句&#xff0c;也可通过src属性指向外部文件。 2、JavaScript最常用于图片操作、表单验证及内容动图更新。 3、<noscript>标签用于在浏览器禁用脚本或浏览器不支持脚本&a…...

编程日记 2023/8/4 0:15:53

SpringBoot整合Caffeine

一、Caffeine介绍 1、缓存介绍 缓存(Cache)在代码世界中无处不在。从底层的CPU多级缓存&#xff0c;到客户端的页面缓存&#xff0c;处处都存在着缓存的身影。缓存从本质上来说&#xff0c;是一种空间换时间的手段&#xff0c;通过对数据进行一定的空间安排&#xff0c;使得下…...

编程日记 2023/8/4 0:14:51

元宇宙虚拟展厅的特点是什么呢？优势有哪些？

元宇宙是一个很广阔的虚拟世界&#xff0c;它可以创造出更为丰富、沉浸式的体验&#xff0c;这种全新的体验为展览和艺术领域带来了更多的可能性&#xff0c;元宇宙虚拟展厅以其多样化、互动性、沉浸式展示的特点&#xff0c;带领大家进入一个虚拟现实的全新世界。 元宇宙虚拟展…...

编程日记 2023/8/4 0:13:50

Day11-Webpack前端工程化开发

Webpack 一 webpack基本概念 遇到问题 开发中希望将文件分开来编写，比如CSS代码，可以分为头部尾部内容，公共的样式。 JS代码也希望拆分为多个文件，分别引入，以后代码比较好维护。 本地图片，希望可以实现小图片不用访问后端，保存在前端代码中就可以了 运行程序时我…...

编程日记 2023/8/4 0:12:50

什么是函数式编程，应用场景是什么

什么是函数式编程&#xff0c;应用场景是什么 函数式编程和面向对象编程一样&#xff0c;是一种编程规范。强调执行的过程而非结果&#xff0c;通过一系列的嵌套的函数调用&#xff0c;完成一个运算过程。它主要有以下几个特点&#xff1a; 1.函数是"一等公民"&…...

编程日记 2023/8/4 0:11:47

Vue3之路由认识

回顾&#xff1a; 原来的vue2路由是通过this. r o u t e 和 t h i s . route和this. route和this.router来控制的。现在vue3有所变化&#xff0c;useRoute相当于以前的this. r o u t e &#xff0c;而 u s e R o u t e r 相当于 t h i s . route&#xff0c;而useRouter相当于t…...

编程日记 2023/8/4 0:10:46

P1775 石子合并（弱化版）（内附封面）

石子合并&#xff08;弱化版&#xff09; 题目描述 设有 N ( N ≤ 300 ) N(N \le 300) N(N≤300) 堆石子排成一排&#xff0c;其编号为 1 , 2 , 3 , ⋯ , N 1,2,3,\cdots,N 1,2,3,⋯,N。每堆石子有一定的质量 m i ( m i ≤ 1000 ) m_i\ (m_i \le 1000) mi​ (mi​≤1000)。…...

编程日记 2023/8/4 0:09:44

jmeter之接口测试（http接口测试）

基础知识储备 一、了解jmeter接口测试请求接口的原理 客户端--发送一个请求动作--服务器响应--返回客户端 客户端--发送一个请求动作--jmeter代理服务器---服务器--jmeter代理服务器--服务器 二、了解基础接口知识&#xff1a; 1、什么是接口&#xff1a;前端与后台之间的…...

编程日记 2023/8/4 0:08:42

webpack基础知识二：说说webpack的构建流程?

一、运行流程 webpack 的运行流程是一个串行的过程&#xff0c;它的工作流程就是将各个插件串联起来 在运行过程中会广播事件&#xff0c;插件只需要监听它所关心的事件&#xff0c;就能加入到这条webpack机制中&#xff0c;去改变webpack的运作&#xff0c;使得整个系统扩展…...

编程日记 2023/8/4 0:07:41

PHP使用PhpSpreadsheet实现导出Excel时带下拉框列表 (可支持三级联动)

因项目需要导出Excel表 需要支持下拉 且 还需要支持三级联动功能 目前应为PHPExcel 不在维护&#xff0c;固采用 PhpSpreadsheet 效果如图&#xff1a; 第一步&#xff1a;首先 使用composer 获取PhpSpreadsheet 我这里PHP 版本 7.4 命令如下&#xff1a; composer r…...

编程日记 2023/8/4 0:06:39

Openssh高危漏洞CVE-2023-38408修复方案

0x01 漏洞简述 2023年07月21日&#xff0c;360CERT监测发现OpenSSH发布了OpenSSH的风险通告&#xff0c;漏洞编号为CVE-2023-38408&#xff0c;漏洞等级&#xff1a;高危&#xff0c;漏洞评分&#xff1a;8.1。 OpenSSH 是 Secure Shell (SSH) 协议的开源实现&#xff0c;提供…...

编程日记 2023/8/4 0:05:38

Android中的ContentProvider

Android中的ContentProvider 在Android中&#xff0c;ContentProvider是四大组件之一&#xff0c;用于在不同应用程序之间共享和管理数据。它提供了一种标准化的方式来访问和管理应用程序的数据&#xff0c;使得多个应用程序可以安全地共享数据&#xff0c;而无需直接访问彼此…...

编程日记 2023/8/4 0:04:38

if device is None and isinstance(net, torch.nn.Module):的含义？

这段代码的含义是&#xff0c;如果变量 device 为 None 并且 net 是 torch.nn.Module 的实例&#xff0c;那么执行后续的代码块。 解释一下其中的几个部分&#xff1a; device&#xff1a;这是一个代表设备的变量&#xff0c;通常用于指定在哪个设备上执行模型的计算&#xff…...

编程日记 2023/8/4 0:03:36

C++如何用OpenCV中实现图像的边缘检测和轮廓提取？

最近有个项目需要做细孔定位和孔距测量&#xff0c;需要做边缘检测和轮廓提取&#xff0c;先看初步效果图&#xff1a; 主要实现代码&#xff1a; int MainWindow::Test() {// 2.9 单个像素长度um 5倍double dbUnit 2.9/(1000*5);// 定义显示窗口namedWindow("src"…...

编程日记 2023/8/4 0:02:35

智慧水务和物联网智能水表在农村供水工程中的应用

摘 要&#xff1a;随着社会的进步和各项事业的飞速发展&#xff0c;人民生活水平的逐步提升&#xff0c;国家对农村饮水安全有了更高的要求&#xff0c;为了进一步提升农村供水服务的质量&#xff0c;利用现代化、信息化科学技术提升农村供水服务质量&#xff0c;提高用水管理效…...

编程日记 2023/8/4 0:01:33

机器学习笔记 - 了解 GitHub Copilot 如何通过提供自动完成式建议来帮助您编码

一、GitHub Copilot介绍 GitHub Copilot 是世界上第一个大规模 AI 开发人员工具，可以帮助您以更少的工作更快地编写代码。GitHub Copilot 从注释和代码中提取上下文，以立即建议单独的行和整个函数。 研究发现 GitHub Copilot 可以帮助开发人员更快地编码、专注于解决更大的问…...

编程日记 2023/8/4 0:00:31

《数据同步-NIFI系列》Nifi配置DBCPConnectionPool连接SQL Server数据库

Nifi配置DBCPConnectionPool连接SQL Server数据库 一、新增DBCPConnectionPool 在配置中新增DBCPConnectionPool&#xff0c;然后配置数据库相关信息 二、配置DBCPConnectionPool 2.1 DBCPConnectionPool介绍 主要介绍以下五个必填参数 Database Connection URL&#xff1…...

编程日记 2023/8/3 23:59:30

HarmonyOS/OpenHarmony元服务开发-卡片使用自定义绘制能力

ArkTS卡片开放了自定义绘制的能力&#xff0c;在卡片上可以通过Canvas组件创建一块画布&#xff0c;然后通过CanvasRenderingContext2D对象在画布上进行自定义图形的绘制&#xff0c;如下示例代码实现了在画布的中心绘制了一个笑脸。 Entry Component struct Card { private c…...

编程日记 2023/8/3 23:58:29

SpringBoot引入MyBatisGenerator

1.引入插件 <plugin><groupId>org.mybatis.generator</groupId><artifactId>mybatis-generator-maven-plugin</artifactId><version>1.3.5</version><configuration><!--generator配置文件所在位置--><configuratio…...

编程日记 2023/8/3 23:57:27

JVM面试题--实践

目录 JVM 调优的参数可以在哪里设置参数值 war包部署在tomcat中设置 jar包部署在启动参数设置 JVM 调优的参数都有哪些&#xff1f; 设置堆空间大小 虚拟机栈的设置 年轻代中Eden区和两个Survivor区的大小比例 年轻代晋升老年代阈值 设置垃圾回收收集器 JVM 调优的工…...

编程日记 2023/8/3 23:56:26

通义千问3-VL-Reranker-8B保姆级部署教程：5分钟搞定Nginx反向代理与HTTPS配置

通义千问3-VL-Reranker-8B保姆级部署教程&#xff1a;5分钟搞定Nginx反向代理与HTTPS配置 1. 为什么需要反向代理与HTTPS 当你成功在本地运行通义千问3-VL-Reranker-8B服务后&#xff0c;默认只能通过 http://localhost:7860 访问。这种配置存在三个明显问题&#xff1a; 安…...

编程新知 2026/4/1 6:11:23

黑客为什么不攻击微信钱包？

黑客为什么不攻击微信钱包&#xff1f; 现在人人手机里都装着微信和支付宝&#xff0c;里面都或多或少存了些钱。怎么从来没听说谁的钱被技术牛逼黑客惦记走&#xff1f; 是黑客没攻击过&#xff1f;还是黑客不敢攻击&#xff1f;其实都不是。阿里巴巴首席风险官郑俊芳就说过&…...

编程新知 2026/4/1 4:42:14

【读书笔记】《在远远的背后带领》

《在远远的背后带领》书话整理书名由来 "在远远的背后带领"这个书名&#xff0c;源于作者对十余年养育实践的回顾与思考。她发现&#xff0c;父母养育孩子容易走两个极端&#xff1a; 过度控制&#xff1a;强迫孩子按照自己的想法行事&#xff0c;结果双方俱疲&#…...

编程新知 2026/4/1 3:59:40

Nomad与Consul集群搭建实战指南

1. 为什么选择NomadConsul组合&#xff1f; 如果你正在寻找一套轻量级、易上手的分布式系统解决方案&#xff0c;Nomad和Consul这对黄金搭档绝对值得考虑。我最早接触这个组合是在三年前的一个物联网项目中&#xff0c;当时我们需要在20台边缘计算设备上动态部署服务&#xff0…...

编程新知 2026/4/1 2:46:24

Linux内核container_of宏解析与应用

1. 理解container_of宏的核心作用在Linux内核开发中&#xff0c;container_of宏是一个极其重要且频繁使用的工具。它的核心功能是通过结构体成员的地址反推出整个结构体的起始地址。想象一下&#xff0c;你手里只有一张照片的某个局部&#xff0c;却能准确找到这张照片在相册中…...

编程新知 2026/4/1 2:01:54

3分钟搞定Windows和Office激活：KMS_VL_ALL_AIO智能脚本使用指南

3分钟搞定Windows和Office激活&#xff1a;KMS_VL_ALL_AIO智能脚本使用指南 【免费下载链接】KMS_VL_ALL_AIO Smart Activation Script 项目地址: https://gitcode.com/gh_mirrors/km/KMS_VL_ALL_AIO 还在为系统激活烦恼吗&#xff1f;Windows提示许可证过期&#xff0c…...

编程新知 2026/4/1 1:53:48

S32K312实战：用AUTOSAR Icu模块测量PWM占空比与周期（基于NXP MCAL与EB Tresos）

S32K312实战&#xff1a;AUTOSAR Icu模块精准测量PWM信号的工程实践 在汽车电子开发中&#xff0c;PWM信号的精确测量是ECU功能实现的基础环节。无论是发动机控制单元中的转速信号采集&#xff0c;还是车身电子中的执行器状态反馈&#xff0c;都需要对PWM信号的周期、占空比等参…...

编程新知 2026/4/1 1:51:47

告别硬件烧钱！用Proteus仿真Arduino UNO做智能小车传感器方案选型

告别硬件烧钱&#xff01;用Proteus仿真Arduino UNO做智能小车传感器方案选型 在创客和电子竞赛领域&#xff0c;智能小车一直是热门项目&#xff0c;但高昂的硬件成本常常让爱好者望而却步。一套完整的智能车系统可能包含多个传感器、电机驱动模块和控制器&#xff0c;实体采购…...

编程新知 2026/4/1 1:35:42

MemMA：多智能体驱动的记忆自进化框架

&#x1f4cc; 一句话总结&#xff1a; 本工作提出 MemMA&#xff0c;一个通过多智能体协同与自进化机制统一优化“记忆构建-检索-利用”循环的框架&#xff0c;显著提升长程记忆推理能力。 &#x1f50d; 背景问题&#xff1a; 当前 memory-augmented LLM agent 存在两个核…...

编程新知 2026/4/1 1:23:16

实战演练：基于快马平台，快速搭建一个软件密钥授权管理后台原型

实战演练&#xff1a;基于快马平台&#xff0c;快速搭建一个软件密钥授权管理后台原型 最近在开发一个软件授权管理系统时&#xff0c;发现很多项目都需要类似的密钥管理功能。正好用InsCode(快马)平台快速搭建了一个原型&#xff0c;以VMware16密钥管理为例&#xff0c;分享一…...

编程新知 2026/4/1 1:19:15