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

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

img

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>

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>

刷新不是本来就会 重新加载 html 他就 会重新绘制 。

你只要把弹窗事件装一个 函数就行了