javascripte19

最新推荐文章于 2025-03-13 16:21:44 发布
最新推荐文章于 2025-03-13 16:21:44 发布 · 152 阅读 · 0
文章标签：

#框架 #HTML

本文介绍了网页中常见的事件处理程序，包括加载与卸载事件、错误处理事件、鼠标操作事件等，并通过实例展示了如何使用JavaScript来响应这些事件。
 

              onBlur="alert('謝謝您的填寫…')"><o:p></o:p>

</BODY><o:p></o:p>

</HTML><o:p></o:p>

事件處理程序 - 範例一<o:p></o:p>

載入相關物件時<o:p></o:p>

<o:p> </o:p>

  1.當瀏覽器載入視窗時。<o:p></o:p>

  2.當瀏覽器載入框架組中的所有框架時。<o:p></o:p>

  3.當瀏覽器載入影像時。  <o:p></o:p>

onLoad<o:p></o:p>

啟動<o:p></o:p>

相關物件：window , document , frame , image<o:p></o:p>

卸載(離開)相關物件時<o:p></o:p>

<o:p> </o:p>

  <o:p></o:p>

onUnload<o:p></o:p>

啟動<o:p></o:p>

相關物件：window , document , frame , image<o:p></o:p>

<Html><o:p></o:p>

<Body    onLoad="alert('歡迎光臨!')"<o:p></o:p>

       onUnload=alert("歡迎下次再來!")><o:p></o:p>

</Body><o:p></o:p>

</Html><o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

也可以寫成<o:p></o:p>

<script><o:p></o:p>

       document.onLoad = alert(“歡迎光臨!”)<o:p></o:p>

</script><o:p></o:p>

事件處理程序 - 範例二<o:p></o:p>

發生錯誤時<o:p></o:p>

<o:p> </o:p>

當文件無法正確載入時。  <o:p></o:p>

當影像無法正確載入時。  <o:p></o:p>

onError<o:p></o:p>

啟動<o:p></o:p>

<Script><o:p></o:p>

function HandelError(img){<o:p></o:p>

       alert ("無法載入" + img.name + "，\n載入替代圖檔...")<o:p></o:p>

       img.src = "error.gif"<o:p></o:p>

}<o:p></o:p>

</Script><o:p></o:p>

<o:p> </o:p>

<IMG SRC="test.gif" NAME=Image1<o:p></o:p>

      onError="HandelError(this)"><o:p></o:p>

事件處理程序 - 範例三<o:p></o:p>

按下滑鼠指標時<o:p></o:p>

<o:p> </o:p>

       相關物件：<o:p></o:p>

所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>

超連結點。<o:p></o:p>

文字、圖形。<o:p></o:p>

onMouseDown<o:p></o:p>

啟動<o:p></o:p>

<script><o:p></o:p>

function showMsg(){<o:p></o:p>

       if (event.button == 2)<o:p></o:p>

              alert("版權所有，請勿複製本站內容！")<o:p></o:p>

}<o:p></o:p>

</script><o:p></o:p>

<o:p> </o:p>

<body onMouseDown = showMsg()><o:p></o:p>

<o:p> </o:p>

</body><o:p></o:p>

範例四 – 保護原始碼<o:p></o:p>

滑鼠指標離開時<o:p></o:p>

<o:p> </o:p>

       相關物件：<o:p></o:p>

所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>

超連結點。<o:p></o:p>

文字、圖形。<o:p></o:p>

onMouseOut<o:p></o:p>

啟動<o:p></o:p>

滑鼠指標通過(進入)時<o:p></o:p>

<o:p> </o:p>

       相關物件：<o:p></o:p>

所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>

超連結點。<o:p></o:p>

文字、圖形。<o:p></o:p>

onMouseOver<o:p></o:p>

啟動<o:p></o:p>

<Script><o:p></o:p>

function show(){<o:p></o:p>

       star.style.display = ''<o:p></o:p>

}<o:p></o:p>

function hidden(){<o:p></o:p>

       star.style.display = 'None'<o:p></o:p>

}<o:p></o:p>

meleeme
关注
JavaScript教程
aliyun3的博客
04-10 2315
1.javascript简介 JavaScript 最初由网景公司开发的一种脚本语言，被大量地应用于网页中，用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作，控制页面的行为表现，提高用户体验，因而已经成为前端开发人员必须掌握的语言之一。 JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言，在 HTML 基础上，使用 JavaScript 可以开发交互式（网页）Web。JavaScript 的
javaScripte光盘项目03
03-12
这个"javaScripte光盘项目03"很可能是某个学习资源或教程的一部分，包含了一系列的源代码文件，用于帮助程序员深入理解和实践JavaScript编程。下面我们将深入探讨这些标签和文件名可能代表的JavaScript知识点。 ...
JavaScript 运算符详解
顾林海
03-13 2663
JavaScript 中的运算符丰富多样，每种运算符都有其特定的用途和功能。掌握这些运算符的使用方法，能够帮助我们更高效地编写代码，实现各种复杂的功能。在实际开发中，要根据具体的需求选择合适的运算符，并注意运算符的优先级和结合性，以避免出现错误。
JavaScript
weixin_56121715的博客
04-24 3944
笔记
JavaScript 基本知识
热门推荐
YDDUONG的博客
11-27 3万+
bilibili JS 视频链接：https://www.bilibili.com/video/BV1W54y1J7Ed?p=2&spm_id_from=pageDriver vscode 配置 html：https://blog.youkuaiyun.com/caohongxing/article/details/108632859 目录JS来源JavaScript 核心由三部分组成书写位置：行内式，内嵌式，外链式变量：var 准备一个容器，变量名有规格且区分大小写JS中的数据：基本数据类型和引用数据类型.
JavaScript 快速入门手册
Java.慈祥
08-17 2万+
JavaScript是一门解释型语言，所谓解释型指语言是指不需要被编译为机器码在执行，而是直接浏览器|node中执行。JavaScript中每一个函数对象都存在一个隐藏的对象属性:prototype原型对象函数以普通函数调用，prototype没有任何作用函数以构造函数调用，new 构造函数(...);
JavaScript基础
CV工程师
07-13 4705
JavaScript是网景（NetScape)公司的布兰登·艾奇开发的，最初叫做LiveScript。LiveScript的出现让浏览器更加生动（live），使得页面更具有交互性。JavaScript在1995年由Netscape公司的BrendanEich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名JavaScript。但实际上它的语法风格与Self及Scheme较为接近。引用类型的值是保存在内存中的对象。......
Javascript中常用方法
Jackmat的博客
05-27 2753
下面是JavaScript中实现继承的方法（需要注意的是当我们把一个包含函数的对象赋值给一个构造函数的原型对象时，此时构造函数的原型对象中的constructor已经不是指向了构造函数，这是因为对象属于复杂数据类型，它是有指针的，所以此时为了恢复指针的指向，我们此时需要把原型对象中的constructor重新指向构造函数，例如下图中的woman.prototype.constructor=woman）JavaScript中构造函数、原型对象、对象原型共同构成了JavaScript中的。
JavaScript高级程序设计
hello_helloworld的博客
08-31 7780
这是我对《JavaScript高级程序设计》的详细学习笔记，主要内容包括html中的JavaScript，变量基础，变量、作用域与内存，基本引用类型、集合引用类型，迭代器与生成器，对象、类与面向对象编程，函数，期约与异步函数，BOM,DOM,DOM扩展，DOM2和DOM3，事件......
JavaScript 基础入门
YUELEI118的博客
04-26 2364
视频 学习笔记 JavaScript JavaScript是一门脚本语言 脚本语言和非脚本语言的区别： 程序的目标文件可以用记事本打开的就是脚本语言，JAVA的目标程序是Class文件，用记事本打不开 包含三大块 DOM编程： DOM是指对HTML中的节点进行操作。例如：div span .class #id 对网页的内容进行增删改的过程 BOM编程 对浏览器的操作，例如：后退，刷新，地址栏等 ECMAScript JavaScript的核心语法 总结：DOM和BOM的关系
JavaScript笔记
小S的博客
03-10 2372
标签的自定义属性统一以data-开头，在JavaScript中获取时统一以eleObj.dataset.自定义属性名（去除data-）的方式获取自定义属性的值。
19 个 JavaScript 编码小技巧
04-13
### 19 个 JavaScript 编码小技巧 #### 一、三元操作符 三元操作符是一种简洁地表达条件语句的方式。相比于传统的 `if-else` 结构，三元操作符可以让代码更加紧凑。 **Longhand:** ```javascript const x = 20; ...
mdu-e19front
04-29
MDU-E19FRONT是一个基于JavaScript的项目，其源代码存放在GitHub上。这个项目的名称可能指的是某种设备或系统的用户界面部分，但具体细节没有在标题或描述中明确给出。由于只给出了“mdu-e19front”作为标题，我们...
掌握JavaScript的19种弹窗效果技巧
本文将详细介绍 19 种不同的 JavaScript 弹窗方式，以及它们的实现方法和使用场景。 ### 1. alert 弹窗 最基础的弹窗方式，使用 `alert()` 函数可以直接弹出一个对话框，通常用于显示警告信息。 ```javascript ...
飞飞1.9百度影音迅雷资源采集插件的源代码
12-27
代码下载地址： https://pan.quark.cn/s/08303629d63e 这是什么？ 一款由 GO 编写的影视采集器，可以采集支持 MacCMS 的影视站 特色： 简单轻量,部署即开即用 高效,采用 gin 框架 易用,api 接口语义化 现代化,前后端分离 前端 前台源码：Go 后台源码：Go 功能 已实现 全局资源采集 采集间隔自定义 采集分类可控 搜索功能 分类功能 图片资源反向代理，客户端无感知 自定义采集源 前台后台管理页面分离 支持 mysql、sqlite 热点数据缓存(LRU 算法) 日志系统 数据管理(导出导入) 全新的后台管理系统，功能更完善（前后端适配） 待实现(完成) 流量统计 采集逻辑抽象化，方便支持更多类型的采集接口 对外api提供 技术栈 gjson、gorm、gin、vue、naive-ui 后端 api 文档：请查看和两个文件，其中定义了所有api 使用 手动构建 所需环境： Golang >= 1.18 nodejs pnpm make(构建工具) 步骤： 或者 安装 zig nightly Docker-compose 部署（推荐） 下载本仓库的 master 分支的文件，运行以下命令 -- 后台地址:www.example.com/admin/ 默认管理员账户:admin 默认密码:admin888 贡献代码 欢迎 fork 本仓库，该项目是我业余之时制作，欢迎贡献代码!
winlator10.0安装包
最新发布
12-27
winlator的10.0安装包（搬运），见winlator.org或https://github.com/brunodev85/winlator/releases
PAINTER.wav
12-27
PAINTER.wav
胚胎实例分割数据集_20251118_022628.zip
12-27
胚胎实例分割数据集 一、基础信息 • 数据集名称：胚胎实例分割数据集 • 图片数量： 训练集：219张图片 验证集：49张图片 测试集：58张图片 总计：326张图片 • 训练集：219张图片 • 验证集：49张图片 • 测试集：58张图片 • 总计：326张图片 • 分类类别： 胚胎（embryo）：表示生物胚胎结构，适用于发育生物学研究。 • 胚胎（embryo）：表示生物胚胎结构，适用于发育生物学研究。 • 标注格式：YOLO格式，包含实例分割的多边形标注，适用于实例分割任务。 • 数据格式：图片来源于相关研究领域，格式为常见图像格式，细节清晰。 二、适用场景 • 胚胎发育AI分析系统：构建能够自动分割胚胎实例的AI模型，用于生物学研究中的形态变化追踪和量化分析。 • 医学与生物研究：在生殖医学、遗传学等领域，辅助研究人员进行胚胎结构识别、分割和发育阶段评估。 • 学术与创新研究：支持计算机视觉与生物医学的交叉学科研究，推动AI在胚胎学中的应用，助力高水平论文发表。 • 教育与实践培训：用于高校或研究机构的实验教学，帮助学生和从业者掌握实例分割技术及胚胎学知识。 三、数据集优势 • 精准与专业性：实例分割标注由领域专家完成，确保胚胎轮廓的精确性，提升模型训练的可靠性。 • 任务专用性：专注于胚胎实例分割，填补相关领域数据空白，适用于细粒度视觉分析。 • 格式兼容性：采用YOLO标注格式，易于集成到主流深度学习框架中，简化模型开发与部署流程。 • 科学价值突出：为胚胎发育研究、生命科学创新提供关键数据资源，促进AI在生物学中的实际应用。
STM32F103C8T6与MPU6050步数计数程序
12-27
本资源文件包含了一个基于STM32F103C8T6微控制器和MPU6050传感器实现的步数计数程序。该程序通过MPU6050传感器获取行走的步数，并在OLED显示屏上实时显示步数信息。经过实际测试，该程序功能正常，可直接使用。 功能特点 主控芯片：STM32F103C8T6 传感器：MPU6050 显示设备：OLED显示屏 功能：实时获取并显示行走步数 使用说明 硬件连接： 将STM32F103C8T6与MPU6050传感器按照电路图连接。 将OLED显示屏与STM32F103C8T6连接。 软件配置： 下载并解压本资源文件。 使用Keil或其他支持STM32的开发工具打开工程文件。 编译并下载程序到STM32F103C8T6开发板。 运行程序： 程序启动后，MPU6050将开始检测行走步数。 步数信息将实时显示在OLED显示屏上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值