js简介以及在html中的2种使用方式（hello world）
简介
javascript ：是一个跨平台的脚本语言；是一种轻量级的编程语言。
JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。
HTML： 结构
css： 表现
JS： 行为
HTML+CSS 只能称之为静态网页，加入js网页则有了灵魂称之为动态网页
脚本语言的特点：
不能独立运行，要依赖网页；
可插入 HTML 页面的编程代码。
插入 HTML 页面后，可由所有的现代浏览器执行。
javascript 在网页中使用的两种方式：
方式1：直接在script标签中编写；
方式2：引用外部js代码
注意：
1.可以有多个script标签，多个script标签都是自上而下顺序执行
2.alert()的作用：控制浏览器弹出一个警告对话框
方式1实例：直接在script标签中编写
1.新建一个html文件（如：demo.html），并将下述内容写入文件中
<!DOCTYPE HTML><html><title>hello world</title><body></body>
</html>2.在html文件中插入一个script标签
<script>alert("hello world"); </script>
<script>alert("hello world-2"); </script>
3.将html文件用浏览器打开，即可看见hello world
点击确定后，可以看见hello world-2
demo.html完整文件内容如下：
<!DOCTYPE HTML>
<html><title>hello world</title><body><script>alert("hello world"); </script><script>alert("hello world-2"); </script></body>
</html>方式2实例：引用外部js代码
1.新建一个html文件（如：demo.html），并将下述内容写入文件中
<!DOCTYPE HTML><html><title>hello world</title><body></body>
</html>
2.在html文件（如：demo.html）同目录下新建一个js文件（如：demojs.js），并将下述内容写入文件中
alert("hello world");
3.在html文件中引用外部js代码（如：demojs.js）
<script src="./demojs.js">alert("hello world-2");</script>
<script>alert("hello world-3");</script>
4.将html文件用浏览器打开，即可看见hello world
点击确定后，可以看见hello world-3
demo.html完整文件内容如下：
<!DOCTYPE HTML>
<html><title>hello world</title><body><script src="./demojs.js">alert("hello world-2");</script><script>alert("hello world-3");</script></body>
</html>注意：script标签一旦引入外部文件，就不能编写代码了，即使写了浏览器也会自动忽略。
如果需要再创建一个script代码即可。
相关文章：
js简介以及在html中的2种使用方式（hello world）
简介 javascript ：是一个跨平台的脚本语言；是一种轻量级的编程语言。 JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。 HTML： 结构 css： 表现 JS： 行为 HTMLCSS 只能称之为静态网页࿰…...
vsCode使用cuda
一、vsCode使用cuda 前情提要：配置好mingw： 1.安装cuda 参考： **CUDA Toolkit安装教程（Windows）：**https://blog.csdn.net/qq_42951560/article/details/116131410 2.在vscode中添加includePath c_cp…...
ubuntu无法使用apt命令时怎么安装库
如题 因为某些原因，不能直接联网使用apt命令安装库。只能手动去ubuntu镜像源里 找对应的包的deb安装文件 镜像源地址（适用于AMD64架构,就是常见的PC的X86-64啦） 镜像源地址（适用于ARM64,armhf,ppc64el,riscv64,s390x架构ÿ…...
防火墙firewall
一、什么是防火墙 二、iptables 1、iptables介绍 2、实验 138的已经被拒绝，1可以 三、firewalld 1、firewalld简介 关闭iptables，开启firewalld，curl不能使用，远程连接ssh可以使用 添加80端口 这样写也可以：添加http…...
拿来即用，自己封装的 axios
文章目录 一、需求二、分析1. 安装axios2. 新建一个 ts 文件，封装 axios3. store 存放 token 信息4. 使用5. 文件 type.js 一、需求 在日常开发中，我们会经常用到 axios ，那么如何在自己的项目中自己封装 axios 二、分析 1. 安装axios np…...
Hadoop小结（下）
HDFS 集群 HDFS 集群是建立在 Hadoop 集群之上的，由于 HDFS 是 Hadoop 最主要的守护进程，所以 HDFS 集群的配置过程是 Hadoop 集群配置过程的代表。 使用 Docker 可以更加方便地、高效地构建出一个集群环境。 每台计算机中的配置 Hadoop 如何配置集群…...
使用老北鼻AI免费GPT对话解决gun make安装和解析iso9660的问题
在学习解析ISO9660镜像文件时，使用了GPT来了解相关的库和gun make编译器的相关知识。这个过程可真是一言难尽，每个问题的回答都模棱两可都需要去证实，不能直接复制粘贴，也不能说GPT的回答一点用也没有，至少GPT给出了一…...
shell脚本语句
一、语句 一、条件语句 一、以用户为例演示 一、显示当前登录系统的用户信息 w命令 二、显示有多少个用户 w | wc -l 显示有7个用户 前两个是固定标题，从第三个开始才是登录用户，所以要统计数量需要 命令：echo $[$(w | wc -l) -2] 显示…...
【LeetCode】2235.两整数相加
题目 给你两个整数 num1 和 num2，返回这两个整数的和。 示例 1： 输入：num1 12, num2 5 输出：17 解释：num1 是 12，num2 是 5 ，它们的和是 12 5 17 ，因此返回 17 。示例 2&…...
springboot sl4j2 写入日志到mysql
问题描述 springboot初始化的时候，会先初始化日志然后再加载数据源如果用配置文件进行初始化，那么会出现数据源没有加载成功，导致空指针异常 报错排查如下： 搜索报错信息，OBjects.invoke is Null打断点发现。dataso…...
用 PyTorch 编写分布式应用程序
用 PyTorch 编写分布式应用程序 在这个简短的教程中，我们将介绍 PyTorch 的分布式软件包。 我们将了解如何设置分布式设置，使用不同的交流策略以及如何仔细查看软件包的内部结构。 设定 PyTorch 中包含的分布式软件包(即torch.distributed）…...
空间分析专属 Python 学习资料
空间数据分析能够帮助我们更好地理解地理空间中的模式和关系，从而为决策提供支持。例如，城市规划者可以使用空间数据分析来确定城市发展的最佳方向，环境科学家可以使用空间数据分析来评估污染的影响，而商业分析师可以使用空间数据…...
2. Linux Server 20.04 Qt5.14.2配置Jetson Orin Nano Developer Kit 交叉编译环境
最近公司给了我一块Jetson Orin Nano的板子，先刷了系统（1.Jetson Orin Nano Developer Kit系统刷机）又让我搭建交叉编译环境，所以有了下面的文章 一 :Qt5.14.2交叉编译环境安装 1.准备 1.1设备环境 1.1.1 Server: Ubuntu20.0…...
vue入门
Attribute 绑定 v-bind:取值方式 开发前准备 安装node.js需要高于15.0 创建vue项目 npm init vuelatest安装 npm install 启动 npm run dev模板语法 文本插值 {{ 变量 }} <p> {{ mesg }} </p>这种方式公支持单一表达式，也可以是js代码…...
区块链中slot、epoch、以及在slot和epoch中的出块机制，分叉原理（自己备用）
以太坊2.0中有两个时间概念：时隙槽slot 和 时段（周期）epoch。其中一个slot为12秒，而每个 epoch 由 32 个 slots 组成，所以每个epoch共384秒，也就是 6.4 分钟。 对于每个epoch，使用RANDAO伪随机…...
免费开源的vue+express搭建的后台管理系统
此项目已开源 前端git地址：exp后台管理系统前端: exp后台管理系统前端 后端git地址：express后台管理系统: express后台管理系统 安装运行 npm i yarn i 前端: npm run dev | yarn dev 后端: npm run start | yarn start 主要技术栈 前端后端名称版本名…...
【开发】视频云存储EasyCVR视频汇聚平台AI智能算法定制
安防视频集中存储EasyCVR视频汇聚平台，可支持海量视频的轻量化接入与汇聚管理。平台能提供视频存储磁盘阵列、视频监控直播、视频轮播、视频录像、云存储、回放与检索、智能告警、服务器集群、语音对讲、云台控制、电子地图、平台级联、H.265自动转码等功能。为了便…...
Ribbon：负载均衡及Ribbon
什么是负载均衡？ 第一种轮询算法，依次遍历去执行，达到负载均衡 集成Ribbon 导入pom，在消费者服务里的pom文件导入 <!-- Ribbon 集成 --><!-- https://mvnrepository.com/artifact/org.springframework.cloud/spr…...
【声波】声波在硼酸、硫酸镁 （MgSO4） 和纯水中的吸收研究（Matlab代码实现）
💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。 ⛳️座右铭&a…...
使用swoole实现实时消息推送给客户端
一. 测试服务端 //测试服务端public function testServer(){$server new Server(192.168.0.144, 9501, SWOOLE_BASE, SWOOLE_SOCK_TCP);$server->on(request, function ($request, $response) {$response->header(Content-Type, text/plain);$response->end("He…...
STM32F4基本定时器使用和原理详解
STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...
电脑插入多块移动硬盘后经常出现卡顿和蓝屏
当电脑在插入多块移动硬盘后频繁出现卡顿和蓝屏问题时，可能涉及硬件资源冲突、驱动兼容性、供电不足或系统设置等多方面原因。以下是逐步排查和解决方案： 1. 检查电源供电问题 问题原因：多块移动硬盘同时运行可能导致USB接口供电不足&#x…...
大语言模型如何处理长文本？常用文本分割技术详解
为什么需要文本分割？ 引言：为什么需要文本分割？一、基础文本分割方法1. 按段落分割（Paragraph Splitting）2. 按句子分割（Sentence Splitting）二、高级文本分割策略3. 重叠分割（Sliding Window）4. 递归分割（Recursive Splitting）三、生产级工具推荐5. 使用LangChain的…...
学习STC51单片机31（芯片为STC89C52RCRC）OLED显示屏1
每日一言 生活的美好，总是藏在那些你咬牙坚持的日子里。 硬件：OLED 以后要用到OLED的时候找到这个文件 OLED的设备地址 SSD1306"SSD" 是品牌缩写，"1306" 是产品编号。 驱动 OLED 屏幕的 IIC 总线数据传输格式 示意图 …...
论文解读：交大港大上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一）
宇树机器人多姿态起立控制强化学习框架论文解析 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一） 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化…...
【Zephyr 系列 10】实战项目：打造一个蓝牙传感器终端 + 网关系统（完整架构与全栈实现）
🧠关键词：Zephyr、BLE、终端、网关、广播、连接、传感器、数据采集、低功耗、系统集成 📌目标读者：希望基于 Zephyr 构建 BLE 系统架构、实现终端与网关协作、具备产品交付能力的开发者 📊篇幅字数：约 5200 字 ✨ 项目总览 在物联网实际项目中，**“终端 + 网关”**是…...
3403. 从盒子中找出字典序最大的字符串 I
3403. 从盒子中找出字典序最大的字符串 I 题目链接：3403. 从盒子中找出字典序最大的字符串 I 代码如下： class Solution { public:string answerString(string word, int numFriends) {if (numFriends 1) {return word;}string res;for (int i 0;i &…...
【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪 宝可梦GO游戏自组网系统
目录 游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性 宝可梦玩法融合设计游戏构想要素1. 地图探索（基于物理空间 广播范围）2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法 安全性设计 技术选…...
回溯算法学习
一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...
保姆级教程：在无网络无显卡的Windows电脑的vscode本地部署deepseek
文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama（有网络的电脑）2.2.3 安装Ollama（无网络的电脑）2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...