学习笔记——JavaScript简介

最新推荐文章于 2026-01-08 23:29:03 发布
原创 最新推荐文章于 2026-01-08 23:29:03 发布 · 565 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #xhtml #html #url

本文介绍了将JavaScript嵌入HTML页面的两种方法：一是通过javascript:前缀构建执行JavaScript的URL；二是利用<script>标签直接包含JavaScript代码。此外还展示了如何通过<script>标签的src属性引入外部JavaScript文件。

把JavaScript嵌入到HTML页面中的两种方法：

1：使用javascript:前缀构建执行JavaScript代码的URL；

2：使用<script.../>元素来包含JavaScript代码。

 

HelloWorld.js

 

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

</head>
<body>
	<a href="javascript:alert('Sorry!');>HelloWorld</a>
		<script type="text/javascript">
		alert("Sorry!");
	</script>
</body></html>

 

 

导入JavaScript文件

使用<script.../>的src属性

 

<script src="HelloWorld.js" type="text/javascript"></script>
JavaScript学习笔记——1、JavaScript简介
阿赵的博客
10-28 1345
本文介绍了JavaScript的基础知识，包括其构成部分（ECMAScript和WebAPIs）和权威学习网站MDN。详细讲解了JavaScript在HTML中的三种书写位置：行内脚本、内部脚本和外部脚本文件，并比较了它们的用法差异。还介绍了JavaScript的注释方法（单行注释和多行注释）以及结束符的使用规范，建议统一代码风格。文章适合JavaScript初学者了解基础语法和开发环境设置。
JavaScript学习笔记——JavaScript简介（HTML、CSS与JavaScript）
Insomnia_X的博客
07-10 2804
JavaScript的使用场景 JavaScript是一款纯正的Web编程语言，用于给网页添加行为，从而实现能够与用户交互的网页 最常见的JavaScript运行环境是浏览器 JavaScript也正在逐渐被嵌入除浏览器外的其他众多环境中。JavaScript作为一种通用的脚本语言，其还可以用于图形、音乐等众多应用程序中，甚至用于服务器端编程 浏览器会创建HTML页面的对象模型，可供JavaScript使用（后面将详细介绍） 在浏览器中运行JavaScript，能够马上看到结果。但要注意不同浏览器在解释
javascript学习笔记——上
weixin_64574004的博客
10-07 1138
​ 1，HTML定义了网页的内容，CSS定义了网页的布局和网页中内容的样式，而JavaScript控制了网页的行为。​ 2，javascript是一种脚本语言。​ 3，javascript的主要使用范围​ **JavaScript：直接写入HTML输入流：**ducument.write(“HTML语句”)​ **JavaScript：对事件的反应：**onclick​ **JavaScript：改变HTML内容：**DOM。
前端学习笔记——JavaScript基础语言的学习（三）
cACKL的博客
05-29 490
作者简介：大家好，本人刚专升本上岸，是个前端小菜鸟。每日都会虚心的学习。有什么写的不好的，大家都可以帮我提出来。我跟着pink老师学的！强烈推荐：https://www.bilibili.com/video/BV14J4114768p=1&vd_source=38cea56ff3dcca4556d2d0f0f2c18c0c。1，类型转换：把一种数据类型的变量转换成我们需要的数据类型。2.4运算符的优先级。
JavaScript学习笔记——BOM简介
403 Forbidden
09-10 518
BOM BOM：Browser Object Model，浏览器对象模型 window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象 DOM也是BOM的一部分 window对象 window对象是JavaScript中的顶级对象 全局变量、自定义函数也是window对象的属性和方法 window对象下的属性和方法调用时，可以省略window ...
JavaWeb学习笔记——javascript
热门推荐
MCC
12-17 1万+
javascript基本语法script标签引入js代码变量比较运算逻辑运算数组函数第一种方式第二种方式隐式参数arguments自定义对象{ }形式Object形式事件onload静态注册动态注册onclickonbluronchange静态绑定动态绑定onsubmitDOM对象getElementById()getElementByNamegetElementByTagNamedom对象的属性正则表达式 基本语法 script标签 alert()：警告框函数，传入的参数是警告框内要显示的信息 <!
前端学习笔记——JavaScript基础语言的学习（一）
cACKL的博客
05-27 596
作者简介：大家好，本人刚专升本上岸，是个前端小菜鸟。每日都会虚心的学习。有什么写的不好的，大家都可以帮我提出来。我跟着pink老师学的！！！强烈推荐：https://www.bilibili.com/video/BV14J4114768p=1&vd_source=38cea56ff3dcca4556d2d0f0f2c18c0c。
前端学习笔记——JavaScript基础语言的学习（二）
cACKL的博客
05-28 601
作者简介：大家好，本人刚专升本上岸，是个前端小菜鸟。每日都会虚心的学习。有什么写的不好的，大家都可以帮我提出来。我跟着pink老师学的！强烈推荐：https://www.bilibili.com/video/BV14J4114768p=1&vd_source=38cea56ff3dcca4556d2d0f0f2c18c0c。3.3布尔类型（undefined）3.2.字符串类型（string）3.1数字类型（Number）JavaScript算术运算符。3.4 空类型（null）3.2.1字符串拼接。
JS学习笔记——JavaScript应用
qq_49079284的博客
03-10 271
JS学习笔记 第一章认识JavaScript JavaScript能做什么? 与用户交互、提供反馈、创建自定义Web界面、处理表单、设置cookie； JavaScript 能够改变 HTML 内容：getElementById() 是多个 JavaScript HTML 方法之一； JavaScript 能够改变 HTML 属性； JavaScript 能够改变 HTML 样式 (CSS)； JavaScript 能够隐藏和显示 HTML 元素：可通过改变 display 样式来隐藏 HTML 元素。 J
web学习笔记 —— javascript基础
05-25
这篇“web学习笔记——javascript基础”将带你走进JavaScript的世界，理解其基本概念和常用语法。 JavaScript语法基础： 1. 变量：在JavaScript中，变量用于存储数据。声明变量使用`var`关键字，例如`var myVar = ...
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
Cocos2d-x学习笔记——完全掌握C++ API与游戏项目开发.zip
06-28
本学习笔记旨在帮助开发者全面掌握Cocos2d-x的C++ API以及游戏项目的开发流程。 一、Cocos2d-x框架基础 Cocos2d-x是Cocos2d-x系列的C++版本，它提供了丰富的图形绘制、动画制作、音频播放、物理引擎等功能。Cocos2d...
note:前端学习笔记——https
03-08
总结一下，这篇前端学习笔记主要涵盖了HTTPS的基础知识，包括其工作原理、安全特性和在JavaScript中的应用。学习并掌握这些内容，可以帮助开发者构建更安全、更可靠的Web应用程序，提升用户体验，并满足现代网络环境...
Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑
GhostPaints的博客
01-05 883
最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。
前端组件级权限控制
马优晨
01-06 333
前端组件级权限控制通过统一管理权限数据，采用声明式或编程式方式在组件层面进行校验。核心方案包括：1）指令式控制（适合按钮/小组件），通过自定义指令如v-permission实现；2）组件封装式控制（适合通用组件），封装<Permission>容器组件；3）编程式控制（适合复杂逻辑），在JS中直接判断权限。所有方案都需配合后端接口校验防止权限篡改，并适配不同框架如Vue、React和Angular。关键点是先规范权限数据管理，再选择适合的控制方式，同时确保后端兜底校验。
基于深度学习的刑事案件智能分类系统
最新发布
Python极客之家
01-08 711
本项目旨在开发一个基于深度学习的刑事案件智能分类系统，利用自然语言处理（NLP）、机器学习（Machine Learning）和深度学习（Deep Learning）技术，对案情描述文本进行自动分析和分类。该系统能够辅助公安机关快速识别案件类型（如刷单返利类、虚假网络投资理财类、冒充公检法类等），提高办案效率，为打击和预防犯罪提供智能化支持。
vue2纯前端使用Docxtemplater生成word报告，包含echart图表，表格
m0_49529959的博客
01-08 198
纯前端使用Docxtemplater生成docx报告，包含echart图表
Vue3研学-watch监视
zhlyxx的博客
01-08 561
Vue 3 的 watch API 提供了多种数据监听方式：1) 监听 ref 基本类型数据时直接监视变量；2) 监听 ref 对象类型需开启 deep 选项；3) reactive 对象默认深度监听；4) 监听对象特定属性需使用 getter 函数。watch 支持配置 immediate 立即执行和深度监听，通过返回的 stop 函数可手动停止监听。与 watchEffect 相比，watch 能更精确控制依赖范围和监听行为，适合处理异步操作和复杂状态变更场景。
22-mini-vue props
weixin_57142035的博客
01-04 188
【代码】22-mini-vue props。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值