1. 首页 / 快讯 / 

JavaScript中alert的三种使用方式是什么?JavaScript中alert的三种使用方式介绍?

JavaScript中alert的三种使用方式

工具/原料

  • visual studio code代码编辑器 版本1.53.2
  • Goole浏览器 版本 85.0.4183.121(正式版本) (64 位)

方法/步骤

  1. 1

    JS中的alert,作用是在浏览器中弹出一个警告框,而使用alert时有三种方式,不同的方式,所呈现的效果也不相同。

  2. 2

    第一种方式:直接写在script标签中,代码如下:

    JavaScript中alert的三种使用方式
  3. 3

    打开Goole浏览器查看效果,可以看到浏览器只有这个弹出窗,没有 显示 p标签的内容。这是因为用该方法使用alert,则alert以后的代码,最开始都不会被执行,只有在关闭警告框以后,才会执行后面的内容。用这种方法最简单,但因不能同时执行alert后的代码,影响用户感官,不推荐使用。

    JavaScript中alert的三种使用方式
  4. 4

    第二种方式:写在body标签内部,代码如下:

    JavaScript中alert的三种使用方式
  5. 5

    打开Goole浏览器查看效果,点击按钮即可弹出弹窗。用这种方式,就不会存在第一种方式的问题,但是用这种方式,一个页面中,alert就可能会出现很多地不方便维护,也不推荐使用。

    JavaScript中alert的三种使用方式
  6. 6

    第三种方式:使用外部aler,代码如下:

    JavaScript中alert的三种使用方式
  7. 7

    Goole浏览器刷新页面,效果如下。使用这种方式,需要记住外部alert的路径,才能进行引用最好写在同一个文件夹下。该方式,不会出现第一种方式的问题,不会影响用户观感,也易于维护

    JavaScript中alert的三种使用方式END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

本文由'[db:作者]'发布,不代表演示站立场,转载/删除联系作者,如需删除请-> 侵权处理分享图片