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

JavaScript的书写方式

news 2026/4/20 5:24:16

JavaScript的书写方式

目前较为流行的是第二种和第三种，第一种很少见。在第二种和第三种推荐使用第三种，因为在日常开发/工作中，第三种是最为常见的

1.行内式

把JS代码嵌入到html元素内部

示例代码

image-20240228221932146

运行效果

image-20240228222430887

由于JS中字符串常量可以使用单引号''表示, 也可以使用双引号""表示，所以上述代码还可以写为：

<input type="button" value="这是一个按钮" onclick='alert("哈哈哈")'>

注：HTML 中推荐使用双引号""，JS 中推荐使用单引号''


2.内嵌式

通过script标签进行一个引入

示例代码
image-20240228223924629

运行效果
image-20240228225408722


3.外部式

开发过程中非常常用的，用一个单独的js文件来写js代码，通过一个src把这个文件进行引入

示例代码
demo03.js

alert("这是我在学习JS")

image-20240228230145430

运行效果

image-20240228230025350

相关文章：

JavaScript的书写方式

JavaScript的书写方式 目前较为流行的是第二种和第三种&#xff0c;第一种很少见。在第二种和第三种推荐使用第三种&#xff0c;因为在日常开发/工作中&#xff0c;第三种是最为常见的 1.行内式 把JS代码嵌入到html元素内部 示例代码 运行效果 由于JS中字符串常量可以使用单引…...

编程日记 2024/2/29 1:32:07

第二十篇-推荐-纯CPU(E5-2680)推理-llama.cpp-qwen1_5-72b-chat-q4_k_m.gguf

环境 系统&#xff1a;CentOS-7 CPU&#xff1a; Intel Xeon CPU E5-2680 v4 2.40GHz 14C28T 内存&#xff1a; 48G DDR3 依赖安装 make --version GNU Make 4.3gcc --version gcc (GCC) 11.2.1 20220127 (Red Hat 11.2.1-9)g --version g (GCC) 11.2.1 20220127 (Red Hat …...

编程日记 2024/2/29 1:21:58

CSS常见选择器

CSS常见选择器 在Web开发中&#xff0c;层叠样式表&#xff08;CSS&#xff09;是用于描述HTML或XML&#xff08;包括SVG和XHTML等其他XML语言&#xff09;文档的样式的语言。CSS描述了文档的表现形式&#xff0c;包括布局、颜色和字体等。在CSS中&#xff0c;选择器是一种模式…...

编程日记 2024/2/29 1:20:57

[LWC] Components Communication

目录 Overview ​Summary Sample Code 1. Parent -> Child - Public Setter / Property / Function a. Public Property b. Public getters and setters c. Public Methods 2. Child -> Parent - Custom Event 3. Unrelated Components - LMS (Lightning Message…...

编程日记 2024/2/29 1:18:55

Unity中URP实现水体（水下的扭曲）

文章目录 前言一、使用一张法线纹理&#xff0c;作为水下扭曲的纹理1、在属性面板定义一个纹理&#xff0c;用于传入法线贴图2、在Pass中&#xff0c;定义对应的纹理和采样器3、在常量缓冲区&#xff0c;申明修改 Tilling 和 Offset 的ST4、在顶点着色器&#xff0c;计算得到 应…...

编程日记 2024/2/29 1:13:51

anaconda指定目录创建环境无效/环境无法创建到指定位置

已经设置目录到D盘 创建环境时还是分配到C盘 可能是指定位置没有开启读写权限&#xff0c;如我在这里安装到了anaconda文件夹&#xff0c;则打开该文件夹的属性->安全->编辑 allusers下的权限全都打勾...

编程日记 2024/2/29 1:12:50

《Docker极简教程》--Docker在生产环境的应用--Docker在生产环境的部署

一、准备工作 1.1 硬件和基础设施要求 硬件和基础设施要求是在部署 Docker 到生产环境之前需要认真考虑和准备的重要方面&#xff0c;以下是一般性的要求&#xff1a; 服务器硬件&#xff1a; CPU&#xff1a;建议使用多核处理器&#xff0c;以支持同时运行多个容器。内存&a…...

编程日记 2024/2/29 1:10:47

算法D31 | 贪心算法1 | 455.分发饼干 376. 摆动序列 53. 最大子序和

贪心算法其实就是没有什么规律可言&#xff0c;所以大家了解贪心算法 就了解它没有规律的本质就够了。 不用花心思去研究其规律&#xff0c; 没有思路就立刻看题解。 基本贪心的题目 有两个极端&#xff0c;要不就是特简单&#xff0c;要不就是死活想不出来。 学完贪心之后再…...

编程日记 2024/2/29 1:09:46

在IDEA中创建vue hello-world项目

工作中最近在接触vue前端项目&#xff0c;记录一下从0搭建一个vue hello world项目的步骤 1、本地电脑安装配置node、npm D:\Project\vue\hello-world>node -v v14.21.3 D:\Project\vue\hello-world>npm -v 6.14.18 D:\Project\vue\hello-world> 2、设置npm国内淘…...

编程日记 2024/2/29 1:08:45

如何获取pnpm存储目录

现在你可以做 得到&#xff1a;\path\to.pnpm-store\v3 pnpm store path注&#xff1a;从v7.0.0开始&#xff0c;pnpm 存储位于不同的文件夹中。它将位于$XDG_DATA_HOMELinux Linux : ~/.local/share/pnpm/store (default) Windows : C:\Users\YOUR_NAME\AppData\Local\pn…...

编程日记 2024/2/29 1:05:42

QT两个类之间使用信号槽

在做一些东西的时候&#xff0c;习惯性的引入头文件并且调用&#xff0c;因此出现了很多bug,qt的信号槽机制便可以有效的避免一些问题。 A类 #ifndef A_H #define A_H#include <QObject> #include <QDebug> class A : public QObject {Q_OBJECT public:explicit A…...

编程日记 2024/2/29 1:04:41

【Ubuntu】使用WSL安装Ubuntu

WSL 适用于 Linux 的 Windows 子系统 (WSL) 是 Windows 的一项功能&#xff0c;可用于在 Windows 计算机上运行 Linux 环境&#xff0c;而无需单独的虚拟机或双引导。 WSL 旨在为希望同时使用 Windows 和 Linux 的开发人员提供无缝高效的体验。安装 Linux 发行版时&#xff0c…...

编程日记 2024/2/29 1:03:40

【Node.js】自动生成 API 文档

目录 1、直接使用swagger-ui-express 2、配合swagger-jsdoc 如何在Node.js项目中使用 Swagger 来自动生成 API接口文档&#xff0c;使用生成方式有很多种。本文基于swagger-jsdocswagger-ui-express快速实现 1、直接使用swagger-ui-express // 方便来浏览和测试api npm i sw…...

编程日记 2024/2/29 1:00:38

小红书3C家电行业种草营销策略打法，纯干货

小红书作为国内种草营销的鼻祖&#xff0c;拥有庞大的年轻用户群体&#xff0c;特别是在3C家电行业&#xff0c;小红书的种草营销效应更是明显。据相关数据显示&#xff0c;小红书3C家电行业的用户关注度持续攀升&#xff0c;尤其是90后和00后&#xff0c;他们对新鲜事物的接受…...

编程日记 2024/2/29 0:59:37

防火墙的内容安全

目录 1. 内容安全 1.1 IAE引擎 DPI---深度包检测技术 DFI---深度流检测技术 结论(优缺点)&#xff1a; 1.2 入侵防御&#xff08;检测&#xff09;(IPS) IPS的优势: 入侵检测的方法: 入侵检测的流程 签名 查看预定义签名的内容 新建自定义签名 入侵防御的检测…...

编程日记 2024/2/29 0:56:34

Redis 管道详解

Redis 管道 关键词&#xff1a;Pipeline Pipeline 简介 Redis 是一种基于 C/S 模型以及请求/响应协议的 TCP 服务。通常情况下&#xff0c;一个 Redis 命令的请求、响应遵循以下步骤&#xff1a; 客户端向服务端发送一个查询请求&#xff0c;并监听 Socket 返回&#xff08…...

编程日记 2024/2/29 0:55:33

【Redis】理论进阶篇------浅谈Redis的缓存穿透和雪崩原理

一、缓存穿透 1、概念 缓存穿透&#xff08;查不到数据&#xff09;&#xff0c;是指当用户想要查询数据的时候&#xff0c;会先去Redis中取命中&#xff0c;如果Redis中没有该数据&#xff0c;那么就会向数据库中去查找数据。如果数据库中也没有&#xff0c;则该次查询结果失…...

编程日记 2024/2/29 0:54:32

Rocky Linux安装部署Elasticsearch（ELK日志服务器）

一、Elasticsearch的简介 Elasticsearch是一个强大的开源搜索和分析引擎&#xff0c;可用于实时处理和查询大量数据。它具有高性能、可扩展性和分布式特性&#xff0c;支持全文搜索、聚合分析、地理空间搜索等功能&#xff0c;是构建实时应用和大规模数据分析平台的首选工具。 …...

编程日记 2024/2/29 0:49:29

Linux浅学笔记04

目录 Linux实用操作 Linux系统下载软件 yum命令 apt systemctl命令 ln命令 日期和时区 IP地址 主机名 网络传输-下载和网络请求 ping命令 wget命令 curl命令 网络传输-端口 进程 ps 命令 关闭进程命令&#xff1a; 主机状态监控命令 磁盘信息监控&#xff1a…...

编程日记 2024/2/29 0:47:27

【Day59】代码随想录之动态规划_647回文子串_516最长回文子序列

文章目录 动态规划理论基础动规五部曲&#xff1a;出现结果不正确&#xff1a; 1. 647回文子串2. 516最长回文子序列 动态规划理论基础 动规五部曲&#xff1a; 确定dp数组 下标及dp[i] 的含义。递推公式&#xff1a;比如斐波那契数列 dp[i] dp[i-1] dp[i-2]。初始化dp数组…...

编程日记 2024/2/29 0:44:23

Cisco交换机SSH配置全流程：从基础设置到安全加固（附常见问题排查）

Cisco交换机SSH配置实战指南&#xff1a;从零搭建到企业级安全策略 在企业级网络环境中&#xff0c;Cisco交换机作为核心网络设备&#xff0c;其远程管理方式的安全性至关重要。相比传统的Telnet协议&#xff0c;SSH&#xff08;Secure Shell&#xff09;通过加密通信彻底解决了…...

编程新知 2026/4/20 4:22:03

从‘solver not found’到成功求解：YALMIP调用CPLEX的完整排错手册

从‘solver not found’到成功求解&#xff1a;YALMIP调用CPLEX的完整排错手册 当你在MATLAB中安装好YALMIP和CPLEX&#xff0c;满怀期待地运行yalmiptest看到CPLEX显示为"found"&#xff0c;却在真正求解自己的优化模型时遭遇各种报错——这种从希望到挫败的落差感&…...

编程新知 2026/4/20 4:05:29

AI Agent的感知世界：多模态输入处理

AI Agent的感知世界：多模态输入处理 关键词： AI Agent、多模态感知、多模态融合、深度学习、Transformer架构、计算机视觉、自然语言处理 摘要 本文深入探讨AI Agent如何通过多模态输入处理构建对世界的全面感知。我们将从第一性原理出发，分析多模态感知的理论基础，详细解…...

编程新知 2026/4/20 2:49:46

XFS大硬盘+NFS共享踩坑记：一个fsid=0参数如何避免‘Stale file handle’

XFS大硬盘NFS共享避坑指南&#xff1a;深入解析fsid0参数与Stale file handle故障 最近在部署一套基于XFS文件系统的备份服务器时&#xff0c;遇到了一个典型的NFS共享问题&#xff1a;客户端挂载后频繁出现"Stale file handle"错误。这个问题在大容量XFS分区&#x…...

编程新知 2026/4/20 2:45:40

你的百度网盘下载为什么这么慢？秘密武器在这里！

你的百度网盘下载为什么这么慢&#xff1f;秘密武器在这里&#xff01; 【免费下载链接】baidu-wangpan-parse 获取百度网盘分享文件的下载地址 项目地址: https://gitcode.com/gh_mirrors/ba/baidu-wangpan-parse 你是否曾经面对百度网盘的下载界面&#xff0c;看着那缓…...

编程新知 2026/4/20 2:35:31

C++ Protobuf实现接口参数自动校验详解

用C做业务发开的同学是否还在不厌其烦的编写大量if-else模块来做接口参数校验呢&#xff1f;当接口字段数量多大几十个&#xff0c;这样的参数校验代码都能多达上百行&#xff0c;甚至超过了接口业务逻辑的代码体量&#xff0c;而且随着业务迭代&#xff0c;接口增加了新的字段…...

编程新知 2026/4/20 2:33:31

频谱分析仪

基本样式 在最上面会显示工作频率如&#xff1a;三步法 测量433MHz信号 1.点击Fre 2.点击Center Frequency 3.输入要测量信号的频率 4.点击Span 测量扫宽 可以设置10MHz 5.设置频谱仪Y轴显示 6.点击Amplitude 再点击Ref Level&#xff08;Y轴最高参考线 对应的幅度&#xff09;…...

编程新知 2026/4/20 1:42:23

Windows 10系统清理终极指南：让旧电脑重获新生的免费神器

Windows 10系统清理终极指南&#xff1a;让旧电脑重获新生的免费神器 【免费下载链接】Win10BloatRemover Configurable CLI tool to easily and aggressively debloat and tweak Windows 10 by removing preinstalled UWP apps, services and more. Originally based on the W…...

编程新知 2026/4/20 1:33:41

孕囊多大可以人流 听我好好说说

孕囊多大可以人流&#xff0c;孕囊的大小在1.5-2cm左右就可以做人工流产。孕囊多大可以人流&#xff0c;一般孕囊在1-2cm可以做人工流产&#xff0c;因为孕囊过小流产很有可能会出现漏吸&#xff0c;导致失败&#xff0c;而孕囊过大则可能会出现流产不全的情况&#xff0c;导致…...

编程新知 2026/4/20 1:08:45

MySQL升级后如何启用新安全特性_配置密码策略与加密

MySQL 8.0升级后密码策略未生效&#xff0c;主因是default_authentication_plugin仍为mysql_native_password&#xff1b;需修改my.cnf设为caching_sha256_password并重启&#xff0c;新用户才启用&#xff0c;旧用户须ALTER USER显式切换&#xff1b;validate_password插件仅对…...

编程新知 2026/4/20 1:02:39