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

JavaScript( 简介)

news 2026/4/3 1:10:58

目录

含义

实例

js代码位置

1 外部引入js文件

2 在 HTML 中，JavaScript 代码必须位于  标签之间。

小结

含义

js是一门脚本语言，能够改变HTML内容

实例

getElementById() 是多个 JavaScript HTML 方法之一。

本例使用该方法来“查找” id="demo" 的 HTML 元素，并把元素内容（innerHTML）更改为 "Hello JavaScript"。

代码如下

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>javascript 可以做什么</p><p id="demo1"> JavaScript 可以改变html 内容</p><button type="button" onclick='document.getElementById("demo1").innerHTML="Hello JavaScript!"'> 点击!!</button></body>
</html>

最终实现结果

注意：JavaScript 在书写 字符串时，同时支持单引号和双引号

    //"Hello JavaScript!"
    //'Hello JavaScript!'

js代码位置

1 外部引入js文件

注意：外部脚本不能包含 <script> 标签。

创建js文件，然后在HTML中script标签中引入。这种方式主要是因为有很多js代码，如果全部写在html中，会显得拥挤，影响整体代码的布局，所以采用外部文件引入的方式

注意

  • ./ 符号表示当前目录。
  • ../符号表示上一级目录（../js/example01.js，就是从上级目录js-example 下寻找example01.js文件，这种情况，一般对应同级目录）
  • ../ ../ 表示向上两级目录中寻找

2 在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间。

2.1 <head> 或 <body> 中的 JavaScript

<head> 中的 JavaScript

<body> 中的 JavaScript

小结

本篇博客，简单的介绍了js的含义和创建js位置

相关文章：

JavaScript( 简介)

目录 含义 实例 js代码位置 1 外部引入js文件 2 在 HTML 中&#xff0c;JavaScript 代码必须位于 标签之间。 小结 含义 js是一门脚本语言&#xff0c;能够改变HTML内容 实例 getElementById() 是多个 JavaScript HTML 方法之一。 本例使用该方法来“查找” id"d…...

编程日记 2024/9/8 5:09:15

Linux中的编译器gcc/g++

目录 一、gcc与g的区别 1.gcc编译器使用 2.g编译器使用 二、gcc/g编译器编译源文件过程 1.预处理 2.编译 3.汇编 4.链接 三、静态库和动态库 1.库中的头文件作用 2.静态库 3.动态库 四、gcc编译器的一些选项命令 一、gcc与g的区别 gcc用于编译C语言代码&#xff…...

编程日记 2024/9/8 5:07:13

RK3568安装部署Docker容器

设置华为镜像源 sudo sed -i s/huaweicloud.com/ustc.edu.cn/g /etc/apt/sources.list更新索引 rootok3568:/home/forlinx# sudo apt-get update Hit:1 http://ports.ubuntu.com/ubuntu-ports focal InRelease Hit:2 http://ports.ubuntu.com/ubuntu-ports focal-updates InR…...

编程日记 2024/9/8 5:06:12

Ubuntu 常用指令和作用解析

Ubuntu 常用指令和作用解析 Ubuntu 是一种常见的 Linux 发行版&#xff0c;它利用了 Unix 的力量和开源软件的精神。掌握常用指令可以提高我们在使用 Ubuntu 时的效率。本文将介绍一些常见的指令及其用途。 目录 更新与安装软件文件与目录操作系统信息与资源监控用户与权限管…...

编程日记 2024/9/8 5:03:09

2024国赛数学建模C题完整论文：农作物的种植策略

农作物种植策略优化的数学建模研究&#xff08;完整论文&#xff0c;持续更新&#xff0c;大家持续关注&#xff0c;更新见文末名片 &#xff09; 摘要 在本文中&#xff0c;建立了基于整数规划、动态规划、马尔科夫决策过程、不确定性建模、多目标优化、相关性分析、蒙特卡洛…...

编程日记 2024/9/8 5:02:08

【语音告警】博灵智能语音报警灯JavaScript循环播报场景实例-语音报警灯|声光报警器|网络信号灯

功能说明 本文将以JavaScript代码为实例&#xff0c;讲解如何通过JavaScript代码调用博灵语音通知终端 A4实现声光语音告警。主要博灵语音通知终端如何实现无线循环播报或者周期播报的功能。 本代码实现HTTP接口的声光语音播报&#xff0c;并指定循环次数、播报内容。由于通知…...

编程日记 2024/9/8 5:01:07

指针与函数（三）

三 .指向函数的指针 函数和数组一样,经系统编译后,其目标代码在内存中连续存放,其名字本身就是一个地址,是函数的入口地址。C语言中,指针可以指向变量,也可以指向函数。 指问函数的指针的定义格式为 类型名&#xff08;*指针变量名&#xff09;参数表 其中参数表为函数指针所…...

编程日记 2024/9/8 4:59:05

锐捷网络2025届校园招聘正式启动，【NTA6dni】！

锐捷网络2025届校园招聘正式启动&#xff0c;内推码[NTA6dni]。 原文链接点这 投递链接点这 祝大家面试顺利&#xff0c;offer多多~ 有问题大家可以评论&#xff0c;互相交流~...

编程日记 2024/9/8 4:58:04

共享内存喜欢沙县小吃

旭日新摊子好耶&#xff01; 系统从0开始搭建过通信方案&#xff0c;本地通信方案的代码&#xff1a;System V IPC 里面有共享内存、消息队列、信号量 共享内存 原理 两个进程有自己的内存区域划分&#xff0c;共享内存被创建出的时候是归属操作系统的&#xff0c;还是通过…...

编程日记 2024/9/8 4:55:01

五、Build构建配置:jar包换名、自行定义编译规则

&#xff08;1&#xff09;jar包换名&#xff1a;finalName &#xff08;2&#xff09;自行定义编译规则&#xff08;通常不用&#xff09; Maven约定的规则就是java目录下写java代码&#xff0c;resources目录下写配置文件。 遵循规则&#xff0c;Maven会帮忙做编译。 如若…...

编程日记 2024/9/8 4:54:00

Html、Css3动画效果

文章目录 第九章 动画9.1 transform动画9.2 transition过渡动画9.3 定义动画 第九章 动画 9.1 transform动画 transform 2D变形 translate()&#xff1a;平移函数&#xff0c;基于X、Y坐标重新定位元素的位置 scale()&#xff1a;缩放函数&#xff0c;可以使任意元素对象尺…...

编程日记 2024/9/8 4:51:57

【AIStarter：AI绘画、设计、对话】零基础入门：Llama 3.1 + 千问2快速部署

对于希望在本地环境中运行先进语言模型的用户来说&#xff0c;Llama 3.1和千问2是非常不错的选择。本文将详细介绍如何在本地部署这两个模型&#xff0c;让你能够快速开始使用。 前期准备 确保你的计算机具备足够的存储空间和计算能力。安装Python环境以及必要的库&#xff0…...

编程日记 2024/9/8 4:50:56

多机编队—(1)ubuntu 配置Fast_Planner

文章目录 前言一、Could not find package ...二、使用error: no match for ‘operator’...总结 前言 最近想要做有轨迹引导的多机器人编队&#xff0c;打算采用分布式的编队架构&#xff0c;实时的给每个机器人规划出目标位置&#xff0c;然后通过Fast_Planner生成避障路径&…...

编程日记 2024/9/8 4:49:55

【数学建模经验贴】国赛拿到赛题后，该如何选题？

2024“高教社杯”全国大学生数学建模竞赛即将开赛。这可能是很多同学第一次参加国赛&#xff0c;甚至是第一次参加数学建模比赛。 那么赛题的公布也就意味着比赛的开始&#xff0c;也将是我们所要面对的第一个问题——选题。在国赛来临的前夕&#xff0c;C君想和大家聊一聊容易…...

编程日记 2024/9/8 4:48:54

如何快速融入大学课堂

快速融入大学课堂是适应大学生活的重要一步。以下是一些实用的建议&#xff0c;帮助你快速融入大学课堂并取得良好的学习效果。 ### 1. 提前准备 - **课前预习**&#xff1a;在上课前预习课程内容&#xff0c;了解基本概念和知识点&#xff0c;这样在课堂上更容易跟上老师的讲…...

编程日记 2024/9/8 4:47:53

el-table行编辑

需求&#xff1a;单点行编辑并且请求接口更新数据&#xff0c;表格中某几个字段是下拉框取值的&#xff0c;剩下的是文本域&#xff1b;展示的时候 需要区分下拉框编码还是中文 故障模式这个展示的是fault_mode编码,但要显示的文字fault_mode_chn 这点需要注意 <el-tablere…...

编程日记 2024/9/8 4:45:51

OpenSSL Windows编译

目录 1. 源码下载2. vs2022编译 1. 源码下载 源码地址 2. vs2022编译 (1) 将“VS2022安装目录VC\Auxiliary\Build\“设置为PATH环境变量&#xff0c;启动cmd命令行&#xff08;一定要先设置环境变量&#xff09;。 (2)在cmd下进入VS2013安装目录vs2022\VC\Auxiliary\Build&…...

编程日记 2024/9/8 4:44:50

优化LabVIEW中TCP通信速度的方法

在LabVIEW中&#xff0c;TCP通信速度较慢可能由多种因素导致&#xff0c;如数据包处理延迟、阻塞式读取或数据解析效率低等。通过调整读取模式、优化数据处理逻辑、以及使用并行处理结构&#xff0c;可以显著提升TCP通信的速度&#xff0c;使其接近第三方调试工具的表现。LabVI…...

编程日记 2024/9/8 4:42:47

【视频讲解】Python贝叶斯卷积神经网络分类胸部X光图像数据集实例

全文链接&#xff1a;https://tecdat.cn/?p37604 分析师&#xff1a;Yuanchun Niu 在人工智能的诸多领域中&#xff0c;分类技术扮演着核心角色&#xff0c;其应用广泛而深远。无论是在金融风险评估、医疗诊断、安全监控还是日常的交互式服务中&#xff0c;有效的分类算法都是…...

编程日记 2024/9/8 4:41:46

src/pyaudio/device_api.c:9:10: fatal error: portaudio.h: 没有那个文件或目录

(venv) shgbitaishgbitai-C9X299-PGF:~/pythonworkspace/ai-accompany$ pip install pyaudio sounddevice Collecting pyaudioDownloading PyAudio-0.2.14.tar.gz (47 kB)━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 47.1/47.1 kB 644.…...

编程日记 2024/9/8 4:40:45

利用快马平台快速构建node.js express api原型，十分钟搭建可运行后端服务

今天想和大家分享一个快速搭建Node.js后端服务的实践心得。作为一个经常需要验证想法的开发者&#xff0c;我发现用InsCode(快马)平台可以省去很多环境配置的麻烦&#xff0c;特别适合做原型开发。 为什么选择Node.jsExpress组合 Express框架是Node.js生态中最轻量灵活的Web框架…...

编程新知 2026/4/2 23:41:33

9 鸿蒙页面渲染效率优化实战 | 鸿蒙开发筑基实战

9 鸿蒙页面渲染效率优化实战 | 鸿蒙开发筑基实战 作者&#xff1a;杨建宾&#xff08;华夏之光永存&#xff09; 摘要 本文聚焦鸿蒙应用页面渲染卡顿、掉帧、长列表加载缓慢等核心痛点&#xff0c;梳理页面渲染全流程的通用优化方案&#xff0c;从布局规范、组件复用、渲染管控…...

编程新知 2026/4/2 22:48:24

告别手动填表！用n8n+企业微信，5分钟搞定每日销售报表自动推送

告别手动填表&#xff01;用n8n企业微信&#xff0c;5分钟搞定每日销售报表自动推送 每天早晨9点&#xff0c;销售团队的工作群准时弹出昨日业绩报表——这不是IT部门的功劳&#xff0c;而是一个由n8n驱动的全自动化流程。当传统企业还在用Excel手工汇总数据时&#xff0c;前沿…...

编程新知 2026/4/2 22:07:38

改进的樽海鞘群算法在光伏MPPT中的应用探索

改进的樽海鞘群算法 光伏mppt 在原来的基础上引入了将反向学习的思想融入到领导者的更新机制&#xff0c;在搜索最优值的过程中&#xff0c;使得算法拥有更好的全局开发能力和局部开发能力。 追随者更新公式则根据适应度就行了改进&#xff0c;新的位置会更加偏向于适应度较好的…...

编程新知 2026/4/2 20:58:24

11. v4 版本升级指南

11. v4 版本升级指南 1. 概述 Tailwind CSS v4 是一个重大版本更新&#xff0c;从 JavaScript 配置转向 CSS 优先的配置方式。 1.1 主要变化 变化v3v4配置方式tailwind.config.jsCSS 文件 (theme)安装方式postcss tailwindcsstailwindcss/vite 等暗色模式dark: 前缀相同&a…...

编程新知 2026/4/2 20:26:03

避开STM32H743的坑：GPIO复用配置常见错误与排查指南（附引脚分配图详解）

避开STM32H743的坑&#xff1a;GPIO复用配置常见错误与排查指南 在STM32H743的开发过程中&#xff0c;GPIO复用配置往往是让开发者又爱又恨的部分。爱它是因为灵活多变的外设复用能力让这颗高性能MCU如虎添翼&#xff1b;恨它则是因为稍有不慎就会陷入各种配置冲突和功能异常的…...

编程新知 2026/4/2 19:41:43

直接上代码吧，咱们先用Python+OpenCV搞个帧间差法的Demo。看这段核心代码

基于帧间差法进行视频目标检测处理 【是仅源码的价格】 【可写完整课程设计文档报告】 需要或需要请随时联系&#xff0c;博主常在线能秒回 1.[1]视频目标检测&#xff1a; 视频目标检测是指从视频流中自动识别和提取出运动目标的过程 视频目标检测算法通常基于以下原理和方法&…...

编程新知 2026/4/2 18:36:34

javaweb蔚来新能源汽车对比推荐平台设计与实现

目录同行可拿货,招校园代理 ,本人源头供货商功能模块设计技术实现方案数据安全措施扩展功能设计项目技术支持源码获取详细视频演示 &#xff1a;文章底部获取博主联系方式&#xff01;同行可合作同行可拿货,招校园代理 ,本人源头供货商 功能模块设计 用户管理模块 实现用户注…...

编程新知 2026/4/2 18:26:30

【原创改进代码】面向绿证-碳交易的综合能源系统鲁棒优化方法附Python代码

✅作者简介&#xff1a;热爱科研的Matlab仿真开发者&#xff0c;擅长毕业设计辅导、数学建模、数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。&#x1f34e; 往期回顾关注个人主页&#xff1a;Matlab科研工作室&#x1f447; 关注我领取海量matlab电子书和…...

编程新知 2026/4/2 17:55:51

DriverStore Explorer：Windows驱动全生命周期管理的开源解决方案——解决驱动冗余与设备冲突的高效工具

DriverStore Explorer&#xff1a;Windows驱动全生命周期管理的开源解决方案——解决驱动冗余与设备冲突的高效工具 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer Windows系统中驱动程…...

编程新知 2026/4/2 16:19:41