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

JavaScript基础语法02——JS书写位置

news 2026/5/21 5:15:24

哈喽，大家好，我是雷工！
今天继续学习JavaScript基础语法，JS的书写位置，俗话说：好记性不如烂笔头，边学边记，方便回顾。

在这里插入图片描述

1、行内JavaScript

代码写在标签内部

示例：

<body><button onclick="alert('你还真信呀？~')">点击关注【雷工笔记】月薪过万</button>
</body>

2、内嵌式JavaScript

2.1、要将JS代码直接写在HTML文件里面。
2.2、在HTML文件中添加一个script，用script标签包住，script标签中的代码就是JS代码。
2.3、script标签的位置可以在HTML文件中的任何地方，但推荐在head标签中或者body标签中。

示例：

<body><script>alert('hello,欢迎关注雷工笔记')</script>
</body>

雷工提醒：
我们习惯将

3、外联式JavaScript

3.1、先创建一个JS文件，后缀名是xxxx.js。
3.2、使用script标签引入JS文件。

示例：

<body><!--用src引入外部JS文件--><script  src="leigong.js"></script>
</body>

雷工提醒：
外联式JavaScript会让代码看上去更加有序，更容易复用，且没有了脚本的混淆，html也更容易阅读，因此这是值得我们学习的好习惯。

4、重点总结：

4.1、外联式中，script标签的位置可以在HTML文件中的任何地方，但推荐在body标签中，尽量写到文件末尾
前面。
4.2、JS中内嵌式写法和外联式写法不可以混合使用，如果外联式写法，script标签中间就不可以再写代码，否则会被忽略，只执行外联部分。

后记

以上是关于JavaScript基础中书写位置的相关知识的笔记，有不当之处还望指正。
想起一句话，貌似是锤子科技发布会上听到的：从来没有什么失败的人，只有半途而废的人。
每天进步一点点，加油。

相关文章：

JavaScript基础语法02——JS书写位置

哈喽&#xff0c;大家好&#xff0c;我是雷工&#xff01; 今天继续学习JavaScript基础语法&#xff0c;JS的书写位置&#xff0c;俗话说&#xff1a;好记性不如烂笔头&#xff0c;边学边记&#xff0c;方便回顾。 1、行内JavaScript 代码写在标签内部 示例&#xff1a; <…...

编程日记 2023/9/1 2:37:14

LInux快捷命令

切换到行头&#xff1a;ctrla 或者 ctrlhome 切换到行尾:ctrale 或者 ctrlend 光标向左切换一个单词&#xff1a;ctrl← 光标向右切换一个单词&#xff1a;ctrl→ 历史命令搜索&#xff1a;history 历史命令匹配第一条执行&#xff1a;!x &#xff08;x表示历史命令…...

编程日记 2023/9/1 2:36:13

jvm的内存划分区域

jvm划分5个区域&#xff1a; java虚拟机栈、本地方法栈、堆、程序计数器、方法区。 各个区各自的作用&#xff1a; 1.本地方法栈&#xff1a;用于管理本地方法的调用&#xff0c;里面并没有我们写的代码逻辑&#xff0c;其由native修饰&#xff0c;由 C 语言实现。 2.程序计数…...

编程日记 2023/9/1 2:35:10

什么是数据中心IP，优缺点是什么？

如果根据拥有者或者说发送地址来分类的话&#xff0c;可以将代理分为三类&#xff1a;数据中心ip,住宅ip,移动ip 本文我们来了解数据中心ip的原理以及他们的优势劣势&#xff0c;才能选择适合自己的代理。 一、什么是数据中心ip代理&#xff1f; 数据中心ip是由数据中心拥有…...

编程日记 2023/9/1 2:34:09

模块化与组件化：开发中的双剑合璧

引言&#xff1a;模块化与组件化的重要性 在现代软件开发中&#xff0c;随着项目规模的增长和技术的复杂性增加&#xff0c;如何有效地组织和管理代码变得越来越重要。模块化与组件化作为两种主要的代码组织方法&#xff0c;为开发者提供了有效的工具&#xff0c;帮助他们创建…...

编程日记 2023/9/1 2:33:07

【C++初阶】list的常见使用操作

&#x1f466;个人主页&#xff1a;Weraphael ✍&#x1f3fb;作者简介&#xff1a;目前学习C和算法 ✈️专栏&#xff1a;C航路 &#x1f40b; 希望大家多多支持&#xff0c;咱一起进步&#xff01;&#x1f601; 如果文章对你有帮助的话 欢迎 评论&#x1f4ac; 点赞&#x1…...

编程日记 2023/9/1 2:32:05

排序之插入排序

文章目录 前言一、直接插入排序1、基本思想2、直接插入排序的代码实现3、直接插入排序总结 二、希尔排序1、希尔排序基本思想2、希尔排序的代码实现3、希尔排序时间复杂度 前言 排序&#xff1a;所谓排序&#xff0c;就是使一串记录&#xff0c;按照其中的某个或某些关键字的大…...

编程日记 2023/9/1 2:31:04

c# - - - 安装.net core sdk

如图&#xff0c;安装的是.Net Core 2.2版本 查看安装成功...

编程日记 2023/9/1 2:30:03

Golang Gorm 高级查询之where + find

插入测试数据 package mainimport ("fmt""gorm.io/driver/mysql""gorm.io/gorm" )type Student struct {ID int64Name string gorm:"size:6"Age intEmail *string }func (*Student) TableName() string {return "student&q…...

编程日记 2023/9/1 2:29:02

【LeetCode】30 天 Pandas 挑战

一、笔记 1.对某列进行筛选 df[(df[column1]条件1) | (df[column2]条件2) & (df[column3]条件3)][[columns]]真题&#xff1a; &#xff08;一&#xff09;条件筛选——1.大的国家&#xff08;一&#xff09;条件筛选——2.可回收且低脂的产品&#xff08;一&#xff09;…...

编程日记 2023/9/1 2:27:58

头歌MYSQL——课后作业2 数据表中数据的插入、修改和删除

第1关&#xff1a;数据表中插入一条记录,对指定字段赋值 任务描述 本关任务&#xff1a;在library数据库的reader数据表中插入一条数据 姓名xm为林团团&#xff0c;电话号码dhhm为13507311234&#xff0c;其余字段取默认值 显示数据表的所有数据 为了完成本关任务&#xff0c…...

编程日记 2023/9/1 2:26:56

Maven的profiles多环境配置

一个项目通常都会有多个不同的运行环境&#xff0c;例如开发环境&#xff0c;测试环境、生产环境等。而不同环境的构建过程很可能是不同的&#xff0c;例如数据源配置、插件、以及依赖的版本等。每次将项目部署到不同的环境时&#xff0c;都需要修改相应的配置&#xff0c;这样…...

编程日记 2023/9/1 2:25:54

go 协程

golang中的并发是函数相互独立运行的能力。Goroutines是并发运行的函数。Golang提供了 如何实现go协程 只需要在函数前面加上go即可 go task()package mainimport ("fmt""time" )func show(msg string) {for i : 0; i < 5; i {fmt.Printf("msg: …...

编程日记 2023/9/1 2:24:52

【python爬虫案例】用python爬豆瓣读书TOP250排行榜！

文章目录 一、爬虫对象-豆瓣读书TOP250二、python爬虫代码讲解三、讲解视频四、完整源码 一、爬虫对象-豆瓣读书TOP250 您好&#xff0c;我是 马哥python说 &#xff0c;一名10年程序猿。 今天我们分享一期python爬虫案例讲解。爬取对象是&#xff0c;豆瓣读书TOP250排行榜数…...

编程日记 2023/9/1 2:23:50

Qt中 gui 模块和 widgets 模块的区别

1. gui 模块提供了基本的图形系统抽象层,包括QPaintDevice、QPainter等类,这些类构成了Qt的绘图基础。 2. widgets 模块在 gui 模块的基础上,提供了完整的桌面级用户界面控件,如按钮、列表、滑块等。这些控件继承自更基础的图形类。 3. gui 模块是更底层的图形功能,widgets模…...

编程日记 2023/9/1 2:22:50

feign调用流程

...

编程日记 2023/9/1 2:21:48

15-数据结构-二叉树的遍历，递归和非递归

简介&#xff1a; 本文主要是代码实现&#xff0c;二叉树遍历&#xff0c;递归和非递归&#xff08;用栈&#xff09;。主要为了好理解&#xff0c;直接在代码处&#xff0c;加了详细注释&#xff0c;方便复习和后期默写。主要了解其基本思想&#xff0c;为后期熟练应用…...

编程日记 2023/9/1 2:20:46

最新绕过目标域名CDN进行信息收集技术

绕过目标域名CDN进行信息收集 1&#xff0e;CDN简介及工作流程 CDN&#xff08;Content Delivery Network&#xff0c;内容分发网络&#xff09;的目的是通过在现有的网络架构中增加一层新的Cache&#xff08;缓存&#xff09;层&#xff0c;将网站的内容发布到最接近用户的网…...

编程日记 2023/9/1 2:19:45

overlayfs

参考&#xff1a;How containers work: overlayfs how overlays work Overlay filesystems, also known as “union filesystems” or “union mounts” let you mount a filesystem using 2 directories: a “lower” directory, and an “upper” directory. Basically: t…...

编程日记 2023/9/1 2:18:44

Mysql中九种索引失效场景分析

表数据&#xff1a; 索引情况&#xff1a; 其中a是主键&#xff0c;对应主键索引&#xff0c;bcd三个字段组成联合索引&#xff0c;e字段为一个索引 情况一&#xff1a;不符合最左匹配原则 去掉b1的条件后就不符合最左匹配原则了&#xff0c;导致索引失效 情况二&#xff…...

编程日记 2023/9/1 2:17:43

Prodigal基因预测工具：3天快速掌握原核生物基因发现终极指南

Prodigal基因预测工具&#xff1a;3天快速掌握原核生物基因发现终极指南 【免费下载链接】Prodigal Prodigal Gene Prediction Software 项目地址: https://gitcode.com/gh_mirrors/pr/Prodigal 你是否正在寻找一款快速、准确的原核生物基因预测工具&#xff1f;Prodiga…...

编程新知 2026/5/21 4:57:39

深度解析Clarity AI超分辨率架构：从算法原理到实战优化指南

深度解析Clarity AI超分辨率架构&#xff1a;从算法原理到实战优化指南 【免费下载链接】clarity-upscaler Clarity AI | AI Image Upscaler & Enhancer - free and open-source Magnific Alternative 项目地址: https://gitcode.com/GitHub_Trending/cl/clarity-upscale…...

编程新知 2026/5/21 4:51:36

别再乱接线了！手把手教你用SC-09电缆搞定三菱FX2N PLC通讯（附GX Developer配置）

三菱FX2N PLC通讯实战&#xff1a;SC-09电缆的正确打开方式 第一次接触三菱FX2N PLC时&#xff0c;很多人都会被通讯问题难住。那些看似简单的接线背后藏着不少门道——用错线序可能导致通讯失败&#xff0c;甚至损坏设备。本文将带你避开常见陷阱&#xff0c;从硬件连接到软件…...

编程新知 2026/5/21 4:35:04

灌封胶的热仿真困局：建模方法选择，如何不踩坑？

&#x1f393;作者简介&#xff1a;科技自媒体优质创作者 &#x1f310;个人主页&#xff1a;莱歌数字-CSDN博客 211、985硕士&#xff0c;从业16年 从事结构设计、热设计、售前、产品设计、项目管理等工作&#xff0c;涉足消费电子、新能源、医疗设备、制药信息化、核工业等…...

编程新知 2026/5/21 2:22:35

AR 巡检：6 大黄金行业与厂商推荐

AR 巡检是将增强现实技术与工业巡检流程深度融合的智能运维方案&#xff0c;核心作用是通过虚实叠加实现设备状态可视化、巡检流程标准化与故障诊断智能化。传统巡检依赖纸质记录、人工记忆和经验判断&#xff0c;存在漏检误检率高、数据无法实时同步、故障排查周期长等问题&am…...

编程新知 2026/5/21 1:27:47

抖音内容采集系统架构设计与工程实践

抖音内容采集系统架构设计与工程实践 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. 抖音批量下载工具&#x…...

编程新知 2026/5/21 1:00:40

【Perplexity数据验证黄金标准】：基于ISO/IEC 25010质量模型的6维可信度评估框架

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Perplexity数据验证黄金标准的定义与演进 Perplexity&#xff08;困惑度&#xff09;作为衡量语言模型预测能力的核心指标&#xff0c;其数据验证黄金标准并非静态规范&#xff0c;而是随建模范式、评估粒度与…...

编程新知 2026/5/21 0:35:44

2026年玉米膨化机市场：谁是真正的行业领航者？

面对快速发展的休闲食品市场&#xff0c;如何在竞争激烈的玉米膨化机市场里抢占先机&#xff1f;随着消费者对健康食品需求的高涨&#xff0c;五谷杂粮膨化食品逐渐成为市场上的一股热潮。本篇将深度解析2026年玉米膨化机行业的趋势、选购要点&#xff0c;并对比测评几个行业知…...

编程新知 2026/5/20 23:29:54

Ubuntu 22.04下编译安装Realtek RTL8852BE驱动，内核版本大于5.18和小于5.18的区别操作

Ubuntu 22.04下Realtek RTL8852BE驱动编译指南&#xff1a;内核版本差异全解析 当你兴奋地在新买的RedmiBook上安装Ubuntu 22.04&#xff0c;却发现WiFi图标神秘消失时&#xff0c;别慌——这很可能是因为Realtek RTL8852BE这块WiFi 6网卡在Linux下的驱动支持问题。作为一块性能…...

编程新知 2026/5/20 22:21:05

OFDM-QPSK系统仿真避坑指南：如何正确设置SNR并解读星座图与误码率曲线

OFDM-QPSK系统仿真避坑指南&#xff1a;如何正确设置SNR并解读星座图与误码率曲线 在无线通信系统的仿真实践中&#xff0c;OFDM-QPSK组合因其抗多径干扰和频谱效率高的特点&#xff0c;成为研究者常用的验证模型。但许多初学者在MATLAB仿真中常遇到结果与理论不符的情况——星…...

编程新知 2026/5/20 19:48:46