penguin_cheng 2022-09-05 17:32 采纳率: 76.2%
浏览 174
已结题

如何实现刷新页面触发弹窗

如图一所示，是否红框内容，必须建立在蓝框内容的基础上，才能实现？
如何能实现，纯粹刷新页面就可以触发事件（看到弹窗）？

img

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>事件处理</title>
        <script src="/jquery-3.6.0.min.js"></script>        

    </head>
    
    <body>
        <button id="btn"> 按钮 </button>
        <script type="text/javascript">
            $('#btn').click(function() {
                alert('事件被触发')
                
            });
            $('#btn').click();      //刷新网页，即可看到弹窗
        </script>

    </body>
</html>
  • 写回答

3条回答 默认 最新

  • 雾里桃花 2022-09-05 17:46
    关注

    1.，红框内容，必须建立在蓝框内容的基础上，才能实现（蓝框内为定义点击事件，红框内为调用所定义的点击事件）
    2.你的这种方法就可以实现刷新页面看见弹窗，还有一种方法是，将事件函数抽离出来单独定义，初始的时候调用一次

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>事件处理</title>
 
    </head>
    
    <body>
        <button id="btn"> 按钮 </button>
         <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>        
        <script type="text/javascript">
            $('#btn').click(fnc);
            fnc()
            function fnc() {
                alert('事件被触发')
            }
        </script>
 
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 9月14日
  • 已采纳回答 9月6日
  • 创建了问题 9月5日

悬赏问题

  • ¥50 C# 使用DEVMOD设置打印机首选项
  • ¥15 麒麟V10 arm安装gdal
  • ¥15 想用@vueuse 把项目动态改成深色主题，localStorge里面的vueuse-color-scheme一开始就给我改成了dark,不知道什么原因（相关搜索：背景颜色）
  • ¥20 OPENVPN连接问题
  • ¥15 flask实现搜索框访问数据库
  • ¥15 mrk3399刷完安卓11后投屏调试只能显示一个设备
  • ¥100 如何用js写一个游戏云存档
  • ¥15 ansys fluent计算闪退
  • ¥15 有关wireshark抓包的问题
  • ¥15 需要写计算过程，不要写代码，求解答，数据都在图上