HTML代码如何实现在当前页面弹出消息窗口？

2024-03-28 19:29:20

在制作网页过程中，有时候需要当鼠标单击某个链接点或者图片时弹出一个消息窗口，这个目的如何达到？在这里我使用HTML代码，来说明这个问题是如何解决的。

操作方法

01

我们要做的是单击几个字，或者单击一张图片，或者鼠标经过图片时，弹出类似下图的消息或提示。这件事如何做呢？下面我以一个允许写代码的博客页面来说如何编辑实现目标的代码。
02

单击写博客，然后切换到HTML编辑模式。
03

输入如下代码。其中<a href="#">的#表示在当前窗口弹出消息框，onclick="alert('欢迎光临！')"表示，鼠标单击时，弹出消息窗，显示内容为“欢迎光临！”，“点这里”是链接点。
04

切换到文字编辑模式，单击“点这里”，立刻弹出消息框，单击确定可关闭窗口。
05

如果把链接点改为图片，那么“点这里”三个字就要改成插图图片的代码：<img src="图片地址">，现在我要设置成鼠标经过图片时弹出窗口，那么onclick就要改成onmouseover了。
06

再切换回文字编辑页面，鼠标移到图片时，立刻弹出显示“hello!”的消息框，单击确定，关闭窗口。

赞 (0)

axure动态面板怎么用? Axure动态面板制作页面弹出层的教程

在快速原型制作中,我们通常会使用到Axure软件,有一些地方我会想要达到在页面做出弹出层的效果,这个时候为了快速达到效果,在Axure中,我们会用到动态面板:下面我就自己在这方面遇到的困难和效果介绍一 ...
如何禁止手机中的usim卡应用页面弹出

随着科技的发展,手机已经成为人们日常生活中必不可少的工具,当我们在使用手机时,是否会碰到总是弹出USIM卡页面的情况呢?如果不想要再让该页面弹出的话,应如何设置呢?接下来就由小编来告诉大家.具体如下: ...
360浏览器怎样阻止广告页面弹出

有时候当我们利用360浏览器打开网页的时候,突然间网页会弹出一些莫名其妙的广告页面来打扰你.这些广告不但影响你正常浏览网页,而且还会占用电脑的部分资源,严重的还可能造成电脑死机.那是否能阻止这些垃圾页 ...
如何设置关闭IE窗口时不会弹出警告窗口

一、问题描述当我们在关闭IE浏览器窗口时，如果该窗口中有多个选项卡标签页，浏览器则会弹出警告窗口，询问您是否要“关闭所有选项卡还是当前的选项卡?”，刚开始嫌弃这个弹出框太麻烦了，便勾选了“总是关闭所 ...
关闭WPS office屏幕顶端弹出消息的方法

WPS Office是由金山软件股份有限公司自主研发的一款办公软件套装,可以实现办公软件最常用的文字.表格.演示等多种功能.目前已大范围使用,我们办公学习也常常用到它,它有电脑手机两个版本,并且有云文 ...
手机QQ浏览器软件如何解决总是弹出新闻窗口的问题

有的小伙伴在使用手机版QQ浏览器软件时,总会弹出新闻窗口,觉得非常烦,但是却不知道如何解决这一问题,那么小编就来为大家介绍一下该如何解决吧.具体如下:1. 第一步,点击并打开QQ浏览器软件.2. 第二 ...
如何在ie11中设置禁止弹出所有窗口

今天给大家介绍一下如何在ie11中设置禁止弹出所有窗口的具体操作步骤.1. 首先打开电脑上的IE11浏览器.2. 进入主页面后,点击上方的工具选项.3. 在弹出的下拉菜单中,点击弹出窗口阻止程序右侧的 ...
如何在淘宝中设置截屏弹出分享窗口

手机淘宝软件被很多人使用,用来在网上购物,为了方便给好友分享自己喜欢的商品,因此想要设置截屏时弹出分享窗口,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开淘宝软 ...
如何在手机版钉钉中设置群直播时不弹出消息提示

手机版钉钉软件被很多人使用,用来学习或者工作等,有的用户在群里直播时,为了防止消息提示打扰到群直播,因此想要设置群直播时不弹出消息提示,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具体如下:1 ...