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

HTML--JavaScript--引入方式

news 文章来源：https://blog.csdn.net/weixin_44517278/article/details/135610921 2025/1/19 3:39:11

啊哈~~~基础三剑看到第三剑，JavaScript
HTML用于控制网页结构
CSS用于控制网页的外观
JavaScript用于控制网页的行为

JavaScript引入方式

引入的三种方式：
外部JavaScript
内部JavaScript
元素事件JavaScript

引入外部JavaScript

一般情况下网页最好是都引用外部JavaScript
使用方式：

<head><script src="index.js"></script>
</head>
<body><script src="index.js"></script>
</body>

src source 源的意思

引入内部JavaScript

就是直接把JavaScript放到HTML内部

<head><script>...</script>
</head>
<body><script>...</script>
</body>

范例：

<!DOCTYPE html>
<html>
<head> <title>这是一个标题</title><meta charset="utf-8"/>
</head>
<body><script>document.write("这是一个用JavaScript生成的句子")</script>
</body>
</html>

效果：
在这里插入图片描述

元素属性 JavaScript

指的是在元素的“事件属性”中直接编写JavaScript或调用函数

直接在元素事件中编写JavaScript

比如：

<!DOCTYPE html>
<html>
<head> <title>这是一个标题</title><meta charset="utf-8"/>
</head>
<body><script>document.write("看看我怎么评价")</script><br/><input type="button" value="看看" onclick="alert('爱过')"/>
</body>
</html>

效果：点击按钮生成弹窗
在这里插入图片描述

在元素事件当中调用函数

<!DOCTYPE html>
<html>
<head> <title>这是一个标题</title><meta charset="utf-8"/>
</head>
<body><script>document.write("看看我怎么评价")function alertMes(){alert("爱过")}</script><br/><input type="button" value="看看" onclick="alertMes()"/>
</body>
</html>

效果和直接编写是一样的

备注：

这里用到两个JavaScript的方法：
document.write() 输出字符串
alert() 弹出一个对话框

相关文章：

HTML--JavaScript--引入方式

啊哈~~~基础三剑看到第三剑&#xff0c;JavaScript HTML用于控制网页结构 CSS用于控制网页的外观 JavaScript用于控制网页的行为 JavaScript引入方式 引入的三种方式&#xff1a; 外部JavaScript 内部JavaScript 元素事件JavaScript 引入外部JavaScript 一般情况下网页最好…...

编程日记 2024/1/16 3:22:14

第28关 k8s监控实战之Prometheus(七)

大家好&#xff0c;我是博哥爱运维。 今天继续Prometheus的课程&#xff0c;在之前的几节课里面&#xff0c;我带大家认识并部署了prometheus服务&#xff0c;并将一些服务做好了监控&#xff0c;同时通过grafana展示监控数据图表出来。对于怎么使用promql语法&#xff0c;也教…...

编程日记 2024/1/16 3:21:13

SSC | Blue Prism报告：2024年智能自动化（IA）7大趋势预测

近日&#xff0c;RPA行业领导者SS&C | Blue Prism发布《2024智能自动化&#xff08;IA&#xff09;趋势与预测》报告。报告中提到&#xff0c;智能自动化&#xff08;IA&#xff09;与流程管理的有效融合&#xff0c;是实现数字化转型成功的核心。采用业务流程管理&#xf…...

编程日记 2024/1/16 3:20:12

el-tree定义左边箭头，包括下级出现连线

效果图&#xff1a; 代码&#xff1a; <template><div class"agency-wrap"><el-treeclass"filter-tree":data"detailList":props"defaultProps"default-expand-allnode-click"onClickNode":filter-node-me…...

编程日记 2024/1/16 3:19:11

C++ 多线程顺序打印

打印要求&#xff1a; 三个打印线程顺序进行。 线程要求如下&#xff1a; 线程A&#xff1a;打印A 线程B&#xff1a;打印B 线程C&#xff1a;打印C 打印结果&#xff1a; A B C A B C A B C A B C A B C 法一&#xff1a;需要锁和共享变量 #include <iostream>…...

编程日记 2024/1/16 3:16:09

x-cmd pkg | duf - df 命令的现代化替代品

目录 简介用户首次快速实验指南技术特点竞品和相关作品进一步探索 简介 Duf &#xff08;Disk Usage/Free Utility&#xff09;是一个磁盘分析工具。其直观的输出和多样化的自定义选项&#xff0c;帮助用户更好地管理和优化存储资源。 用户首次快速实验指南 使用 x duf 即可自…...

编程日记 2024/1/16 3:11:05

202406读书笔记|《沉睡的线条世界》——翻山越岭，只为与你分享点滴的快乐

《沉睡的线条世界》登登登Dn绘著&#xff0c;简简单单的小画&#xff0c;简简单单的线条&#xff0c;简简单单的语言&#xff0c;温馨又有一点暖心。 怎样的你都好&#xff0c;做最真实的自己。 部分节选如下&#xff1a; 愿你我永远有热情&#xff0c;永远能为生活的每一个小惊…...

编程日记 2024/1/16 3:10:04

[论文阅读]4DRadarSLAM: A 4D Imaging Radar SLAM System for Large-scale Environments

目录 1.摘要和引言&#xff1a; 2. 系统框架&#xff1a; 2.1 前端&#xff1a; 2.2 回环检测&#xff1a; 2.3 后端&#xff1a; 3.实验和分析&#xff1a; 4.结论 1.摘要和引言&#xff1a; 这篇论文介绍了一种名为“4DRadarSLAM”的新型4D成像雷达SLAM系统&#xff0…...

编程日记 2024/1/16 3:04:59

Python: vars()详细解释

vars() 是一个内置函数&#xff0c;用于返回一个对象的 __dict__ 属性。它接受一个对象作为参数&#xff0c;如果省略参数&#xff0c;它返回当前局部作用域的字典。 具体而言&#xff0c;vars() 的行为取决于参数的类型&#xff1a; 1. 没有参数&#xff1a; 如果没有提供参…...

编程日记 2024/1/16 3:00:55

2024年1月15日Arxiv最热论文推荐：斯坦福LLM精准微调新框架、GPT不愿承认回答错误、速度快15倍的3D全景分割新突破

本文整理了今日发表在ArXiv上的AI论文中最热门的TOP5。 论文解读、论文热度排序、论文标签、中文标题、推荐理由和论文摘要均由赛博马良平台上的智能体 「AI论文解读达人」提供。 如需查看其他热门论文&#xff0c;欢迎移步赛博马良 ^_^ TOP1 APAR: LLMs Can Do Auto-Paral…...

编程日记 2024/1/16 2:59:54

1.5 面试经典150题 - 轮转数组

轮转数组 给定一个整数数组 nums&#xff0c;将数组中的元素向右轮转 k 个位置&#xff0c;其中 k 是非负数。 注意&#xff1a;本题需要原地操作 class Solution(object):def rotate(self, nums, k):""":type nums: List[int]:type k: int:rtype: None Do not…...

编程日记 2024/1/16 2:58:54

Linux的基础命令学习

pwd - 显示当前工作目录的路径 cd - 切换工作目录&#xff0c;ls - 列出当前目录的文件和子目录 rm - 删除文件或目录 mkdir - 创建新目录 rm - 删除目录 nano/vi - 编辑文本文件&#xff0c;按Enter键进入 之后按i键就可以进入写入模式 之后输入文字以后按Esc键与:q就不保…...

编程日记 2024/1/16 2:55:51

个人数据备份方案分享（源自一次悲惨经历）

文章目录 1 起源2 备份架构2.1 生活照片2.2 生活录音2.3 微信文件2.4 工作文件2.5 笔记、影视音乐、书籍 3 使用工具介绍3.1 小米云服务3.2 中国移动云盘3.3 小米移动硬盘&#xff08;1T&#xff09;3.4 FreeFileSync 4 总结 1 起源 本文的灵感源于我个人的一次不幸遭遇&#…...

编程日记 2024/1/16 2:54:50

SpringBoot教程(八) | SpringBoot统一结果封装

SpringBoot教程(八) | SpringBoot统一结果封装 经过了前面几篇文章&#xff0c;SpringBoot中MVC相关的配置其实都已经差不多了&#xff0c;接下来就可以完全进入接口开发阶段了。前面我们写过几个接口&#xff0c;虽然都加了RestController注解&#xff0c;相当于统一了我们的…...

编程日记 2024/1/16 2:51:48

Ubuntu 22.04 安装Fail2Ban

Fail2Ban是一种用来防止暴力破解的工具&#xff0c;一般要和iptables配合使用。其原理是读取系统日志&#xff0c;并通过正则表达式匹配&#xff0c;监控IP在一段时间内的登录尝试、身份验证失败日志等并进行计数。超过阈值则进行IP封禁&#xff0c;过一段时间后再解封。 总的…...

编程日记 2024/1/16 2:50:47

Ubuntu 22.04 编译安装 Qt mysql驱动

参考自 Ubuntu20.04.3 QT5.15.2 MySQL驱动编译 Ubuntu 18.04 编译安装 Qt mysql驱动 下边这篇博客不是主要参考的, 但是似乎解决了我的难题(找不到 libmysqlclient.so) ubuntu18.04.2 LTS 系统关于Qt5.12.3 无法加载mysql驱动&#xff0c;需要重新编译MYSQL数据库驱动的问题以…...

编程日记 2024/1/16 2:47:44

Mindspore 公开课 - CodeGeeX

CodeGeeX: 多语言代码生成模型 CodeGeeX 是一个具有130亿参数的多编程语言代码生成预训练模型。CodeGeeX采用华为MindSpore框架实现&#xff0c;在鹏城实验室“鹏城云脑II”中的192个节点&#xff08;共1536个国产昇腾910 AI处理器&#xff09;上训练而成。截至2022年6月22日&…...

编程日记 2024/1/16 2:46:43

说一下mysql的锁

1、全局锁： 影响整个数据库的锁。例如，当执行 FLUSH TABLES WITH READ LOCK; 命令时，会阻止其他用户写入数据库，但可以读取。全局锁简介 全局锁是一种跨所有数据库实例的锁。它可以确保在任何时刻，只有一个事务能够访问共享资源。全局锁通常用于以下场景： 并发性较高的场…...

编程日记 2024/1/16 2:43:40

rime中州韵小狼毫 日期/农历 时间 事件 节气 滤镜

教程目录&#xff1a;rime中州韵小狼毫须鼠管安装配置教程 保姆级教程 100增强功能配置教程 网络上但凡提到 rime中州韵小狼毫须鼠管输入法&#xff0c;总少不了智能时间&#xff0c;日期等炫技&#xff0c;可见这个便捷时间/日期输入功能是多么的受欢迎。作者也不落窠臼&…...

编程日记 2024/1/16 2:42:40

【前端】前后端的网络通信基础操作（原生ajax, axios, fetch）

概述 前后端网络请求工具 原生ajaxfetch apiaxios GET和POST请求 get只能发纯文本 post可以发不同类型的数据&#xff0c;要设置请求头&#xff0c;需要告诉服务器一些额外信息 测试服务器地址 有一些公共的测试 API 可供学习和测试用途。这些 API 允许你发送 HTTP 请求…...

编程日记 2024/1/16 2:41:39

Matter - 配置工厂数据（2）

部分关键名词参数简介 PASE(Passcode-Authenticated Session Establishment): 基于密码认证的会话建立&#xff0c;用于在 Commissioning 的时候 Commissioner 与 Matter Deivce 之间建立安全信道&#xff0c;生成对称加密密钥用于 Commissioning 后续通信消息进行加、解密和完…...

编程日记 2024/1/16 2:40:38

版本控制背景知识

版本控制背景知识 本文是关于 Git 系列文章的导读&#xff0c;我们先介绍一下版本控制的背景知识。 什么是版本控制 版本控制是一种记录一个或若干文件内容变化&#xff0c;以便将来查阅特定版本修订情况的系统。它将什么时候、什么人更改了文件的什么内容等信息如实记录下来…...

编程日记 2024/1/16 2:39:37

tensorflow报错: DNN library is no found

错误描述 如上图在执行程序的时候&#xff0c;会出现 DNN library is no found 的报错 解决办法 这个错误基本上说明你安装的 cudnn有问题&#xff0c;或者没有安装这个工具。 首先检测一下你是否安装了 cudnn 进入CUDA_HOME下&#xff0c;也就是进入你的cuda的驱动的安装目…...

编程日记 2024/1/16 2:38:36

DA14531-高级应用篇-用户如何开启OTA服务

文章目录 1. OTA相关文件2.OTA宏定义列表3.OTA主要函数接口4.OTA具体实施步骤5.总结1. OTA相关文件 1）app_suotar_task.c和app_suotar_task.h 2）app_suotar.c和app_suotar.h 2.OTA宏定义列表 宏定义注解CFG_PRF_SUOTAR用户开启SOTA功能BLE_SUOTA_RECEIVERSOTA功能服务CFG_S…...

编程日记 2024/1/16 2:37:35

国内镜像源配置方法（包括临时和永久方法）

国内镜像源&#xff1a; 阿里云 http://mirrors.aliyun.com/pypi/simple/中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/豆瓣 http://pypi.douban.com/simplePython官方 https://pypi.python.org/simple/v2ex http://pypi.v2ex.com/simple/中国科学院 http://pypi.mi…...

编程日记 2024/1/16 2:35:33

数据结构二叉树--堆（数据结构实现和堆排序的一种实现）

堆是一个数据结构 逻辑结构&#xff1a;完全二叉树&#xff08;要求父节点大于孩子节点或者小于孩子节点&#xff09; 存储结构&#xff1a;顺序存储 typedef int DataType; typedef struct Heap{DataType*data;int size;int capacity; }Heap;void InitHeap(Heap*pH) {asser…...

编程日记 2024/1/16 2:34:32

【Linux】 nohup命令使用

nohup命令 nohup是Linux和Unix系统中的一个命令&#xff0c;其作用是在终端退出时&#xff0c;让进程在后台继续运行。它的全称为“no hang up”&#xff0c;意为“不挂起”。nohup命令可以让你在退出终端或关闭SSH连接后继续运行命令。 nohup 命令&#xff0c;在默认情况下&…...

编程日记 2024/1/16 2:29:27

多维时序 | Matlab实现GRO-CNN-LSTM-Attention淘金算法优化卷积神经网络-长短期记忆网络结合注意力机制多变量时间序列预测

多维时序 | Matlab实现GRO-CNN-LSTM-Attention淘金算法优化卷积神经网络-长短期记忆网络结合注意力机制多变量时间序列预测 目录 多维时序 | Matlab实现GRO-CNN-LSTM-Attention淘金算法优化卷积神经网络-长短期记忆网络结合注意力机制多变量时间序列预测效果一览基本介绍程序设…...

编程日记 2024/1/16 2:23:23

SQL-DQL-基础查询

&#x1f389;欢迎您来到我的MySQL基础复习专栏 ☆* o(≧▽≦)o *☆哈喽~我是小小恶斯法克&#x1f379; ✨博客主页&#xff1a;小小恶斯法克的博客 &#x1f388;该系列文章专栏&#xff1a;重拾MySQL &#x1f379;文章作者技术和水平很有限&#xff0c;如果文中出现错误&am…...

编程日记 2024/1/16 2:20:20

Kubernetes (十三) 存储——持久卷-动静态分配

一. 简介 二. NFS持久化存储步骤&#xff08;静态分配&#xff09; 1. 集群外…...

编程日记 2024/1/16 2:19:19

公司建设网站属于什么费用/2345系统导航

枚举类型是一种的值类型&#xff0c;它用于声明一组命名的常数。 (1)枚举的声明:枚举声明用于声明新的枚举类型。 访问修辞符 enum 枚举名:基础类型 { 枚举成员 } 基础类型必须能够表示该枚举中定义的所有枚举数值。枚举声明可以显式地声明 byte、sbyte、…...

编程日记 2025/1/19 3:21:04

学校网站 功能/全国新闻媒体发稿平台

物联网时代&#xff0c;拼的是生态。 6月23日下午&#xff0c;海尔宣布开放U智慧生活平台的SDK软件包&#xff0c;它为开发者搭建的开放的开发平台“海极网”2.0正式上线&#xff0c;以整合更多的生态资源。 海尔U推广总监邹峘浩表示&#xff0c;智能家居概念在前两年被爆炒&am…...

编程日记 2025/1/19 0:58:30

企业seo顾问服务阿亮/武汉seo网络优化公司

验证尼科彻斯定理&#xff0c;即&#xff1a;任何一个整数m的立方都可以写成m个连续奇数之和。 例如&#xff1a; 1^31 2^335 3^37911 4^313151719 这题也可以用数学公式推理&#xff0c;首项m*(m-1)1&#xff0c;循环m次。 package test;import java.util.Scanner;//尼克彻…...

编程日记 2025/1/18 22:33:22

网站建设 类/ps培训

文章目录 MySQL optimizer特性之derived_merge1. 什么是derived table ？2. 什么是derived_merge ？3. derived_merge开启和关闭的区别4. 无法利用derived_merge的情况5. derived_merge引发的问题6. 学以致用MySQL optimizer特性之derived_merge 本文主要介绍如下内容 什么是派…...

编程日记 2025/1/18 21:50:53

想象力网站建设公司/百度ocpc怎么优化

检查点&#xff1a; 检查自己的页面是http还是https的&#xff0c;然后核对用的是mqtt/mqtts&#xff0c;或者是ws/wss检查自己的地址是否对&#xff08;尤其是BasePath&#xff09;&#xff0c;我一开始地址应该是ws://xxxxx/mqtt&#xff08;BasePath是mqtt&#xff09;&…...

编程日记 2025/1/18 21:20:35

做公司网站的南宁公司/企业网络营销策略分析案例

闭包又称词法闭包 闭包最早定义为一种包含<环境成分>和<控制成分>的实体. 解释一&#xff1a;闭包是引用了自由变量的函数&#xff0c;这个被引用的变量将和这个函数一同存在。 解释二&#xff1a;闭包是函数和相关引用环境组成的实体。 注&#xff1a;<自由变量…...

编程日记 2025/1/18 19:57:37