HTML使用JavaScript的三种方式

news/2024/7/19 14:33:37 标签: html, 前端, javascript, js

要使用 JavaScript,你可以在 HTML 文件中的 <script> 标签中编写代码,或者将代码保存到一个单独的 .js 文件中并在 HTML 文件中引入。以下是一些常用的 JavaScript 使用方式:

  1. 内联 JavaScript:在 HTML 文件的 <script> 标签中编写 JavaScript 代码。
html"><html lang="en">
<head>
    <script type="text/javascript">javascript">
        alert('内部');
    </script>
</head>
</html>
  1. 外部 JavaScript 文件:将 JavaScript 代码保存到一个 .js 文件中,并在 HTML 文件中通过 <script> 标签引入。
html"><html>
<head>
    <script src="script.js"></script>
</head>
</html>

script.js 文件中编写 JavaScript 代码。

3.行内:HTML 元素添加事件处理程序,例如点击事件等,触发js代码。

html"><html lang="en">
<body>
	<input type="button" value="按钮" onclick="javascript language-javascript">document.writeln('行内')">
</body>
</html>

总示例:
在这里插入图片描述
因为行内使用的是一个按钮加了点击事件需要点击,点击后会显示行内所设置的js代码。

行内被点击的示例:
在这里插入图片描述

这只是 JavaScript 使用的一些基本方式,还有很多其他用法和技术可以学习和探索。


http://www.niftyadmin.cn/n/5291703.html

相关文章

CASAIM与东风日产达成治具开发设计与制造战略合作,共同推进3D打印和三维测量技术在汽车制造中的应用开发

CASAIM与东风日产是长期战略合作伙伴&#xff0c;近期&#xff0c;CASAIM中标东风日产的治具开发设计与制造项目&#xff0c;与东风日产在生产工具和工装治具达成战略合作&#xff0c;充分发挥双方技术优势&#xff0c;共同推进3D打印和三维测量技术在汽车制造中的应用开发和合…

华为鸿蒙应用--登录页:网络请求、自定义Loading、MD5密码加密、emitter订阅状态变化、持久化登录状态、隐藏软键盘-ArkTs

HarmonyOS系列 华为鸿蒙应用--底部导航栏Tabs&#xff08;自适应手机和平板&#xff09;-ArkTs_华为鸿蒙应用 csdn 底部导航栏-CSDN博客 华为鸿蒙应用--欢迎页SplashPage倒计时跳过&#xff08;自适应手机和平板&#xff09;-ArkTs_app.media.ic_splash_page_background-CSDN…

【力扣题解】P113-路径总和 II-Java题解

&#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【力扣题解】 文章目录 【力扣题解】P113-路径总和 II-Java题解&#x1f30f;题目描述&#x1f4a1;题解&#x1f30f;总结…

不停止业务的情况下优化 Elasticsearch Reindex

在使用 Elasticsearch 时,我们总有需要修改索引映射的时候,这时我们只能进行 _reindex。事实上,这是一个相当昂贵的操作,因为根据数据量和分片数量,完整复制一个索引可能需要几个小时。 花费的时间不是大问题,但更严重的是,它会影响生产环境的性能甚至功能。 相信大家…

基于变态模态分解+bp-rf的轴承故障分类,基于变态模态分解的+BP神经网络-随机森林的轴承故障分类

目录 背影 摘要 随机森林的基本定义 随机森林实现的步骤 基于随机森林的机器启动识别 代码下载链接: 基于变态模态分解+bp-rf的轴承故障分类,基于变态模态分解的+BP神经网络-随机森林的轴承故障分类(代码完整,数据齐)资源-CSDN文库 https://download.csdn.net/download/ab…

处理HTTP错误响应:Go语言中的稳健之道

开场白&#xff1a;在Web开发中&#xff0c;HTTP错误响应是不可避免的一部分。当请求无法成功完成时&#xff0c;服务器会返回一个错误响应。今天&#xff0c;我们将深入探讨如何在Go语言中优雅地处理这些HTTP错误响应。 知识点一&#xff1a;HTTP错误响应的常见类型HTTP错误响…

ROS MoveIt!

MoveIt!是一个用于ROS的开源运动规划库&#xff0c;提供多种功能&#xff0c;包括用于运动规划的快速逆运动学分析、用于操纵的高级算法、机械手控制、动力学、控制器和运动规划。&#xff08;通过提供一个GUI来协助MoveIt!所需的各种设置&#xff0c;它允许使用RViz进行视觉反…

三维可视化智慧工地源码,数字孪生可视化大屏,微服务架构+Java+Spring Cloud +UniApp +MySql

源码技术说明 微服务架构JavaSpring Cloud UniApp MySql&#xff1b;支持多端展示&#xff08;PC端、手机端、平板端&#xff09;;数字孪生可视化大屏&#xff0c;一张图掌握项目整体情况;使用轻量化模型&#xff0c;部署三维可视化管理&#xff0c;与一线生产过程相融合&#…