如何防止IFRAME重定向顶级窗口

作者：echo7111436 | 2023-09-01 19:53
如何解决《如何防止IFRAME重定向顶级窗口》经验，为你挑选了4个好方法。
有些网站的代码是"打破" IFRAME外壳,这意味着如果页面A作为IFRAME父页面内部加载,P一些Javascript A会将外部窗口重定向到A.
通常这个Javascript看起来像这样:
我的问题是:作为父页面P的作者而不是内页的作者,A我A该如何防止这种突破呢？
PS在我看来,它应该是一个跨站点安全违规,但事实并非如此.
1> Pankrat..：
使用HTML5,添加了iframe沙箱属性.在撰写本文时,这适用于Chrome,Safari,Firefox以及IE和Opera的最新版本,但可以满足您的需求:
如果要允许顶级重定向指定sandbox="allow-top-navigation".
不幸的是,`sandbox`不允许在沙盒框架中使用Flash或任何其他类型的对象,这使得`sandbox`功能在许多情况下无用.
这是解药:http://blogs.msdn.com/b/ieinternals/archive/2010/03/30/combating-clickjacking-with-x-frame-options.aspx

2> 小智..：
我用sandbox ="......"
允许表单允许表单提交
allow-popups允许弹出窗口
allow-pointer-lock允许指针锁定
allow-same-origin允许文档保持其原点
allow-scripts允许JavaScript执行,并允许功能自动触发
allow-top-navigation允许文档通过导航顶层窗口而突破框架
顶部导航是您想要阻止的,因此请将其保留,并且不允许这样做.遗漏的任何东西都会被封锁
恩.
        
</pre></p>
        <hr>请注意,Flash(和任何其他对象)也将被阻止,没有允许它的选项.这个"安全功能"阻止我一起使用沙盒 <br><br><b>3> fasih.rana..：</b><hr><p>尝试使用onbeforeunload属性,该属性将允许用户选择是否要离开页面.</p>

<p>示例:https://developer.mozilla.org/en-US/docs/Web/API/Window.onbeforeunload</p>

<p>在HTML5中,您可以使用沙箱属性.请参阅下面的Pankrat的回答.
http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/</p></p>
        <br><br><b>4> Parris..：</b><hr><p>阅读完w3.org规范后.我找到了沙盒属性.</p>

<p>您可以设置<code>sandbox=""</code>,以防止iframe重定向.据说它也不会重定向iframe.你基本上会失去点击.</p>

<p>示例:http://jsfiddle.net/ppkzS/1/<br> 
没有沙箱的示例:http://jsfiddle.net/ppkzS/</p></p>
            </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_OSX_Zhon_0b88c840.html" target="_blank" title="如何在OSX中更新monodevelop3.0.6并保留mono3.0.3？">如何在OSX中更新monodevelop3.0.6并保留mono3.0.3？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在OSX中更新monodevelop3.0.6并保留mono3.0.3？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_OSX_Zhon_0b88c840.html" target="_blank" title="如何在OSX中更新monodevelop3.0.6并保留mono3.0.3？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/XieRuWenJianShiL_34b8e81e.html" target="_blank" title="写入文件时了解logcat输出">写入文件时了解logcat输出</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/XieRuWenJianShiL_34b8e81e.html" target="_blank" title="写入文件时了解logcat输出"><img src="https://img.devbox.cn/3cccf/16086/243/6db233c03a276edb.png" width="120" height="70" alt="写入文件时了解logcat输出"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《写入文件时了解logcat输出》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/XieRuWenJianShiL_34b8e81e.html" target="_blank" title="写入文件时了解logcat输出">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Cong_iframe_Geng_f4f5f033.html" target="_blank" title="从iframe更改父元素不起作用？">从iframe更改父元素不起作用？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《从iframe更改父元素不起作用？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Cong_iframe_Geng_f4f5f033.html" target="_blank" title="从iframe更改父元素不起作用？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Jiang_jqPlot_TuB_087c697c.html" target="_blank" title="将jqPlot图保存到图像文件">将jqPlot图保存到图像文件</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将jqPlot图保存到图像文件》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Jiang_jqPlot_TuB_087c697c.html" target="_blank" title="将jqPlot图保存到图像文件">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/XCode4-5_ZhongDe_7d60e483.html" target="_blank" title="XCode 4.5中的分布式构建？">XCode 4.5中的分布式构建？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《XCode4.5中的分布式构建？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/XCode4-5_ZhongDe_7d60e483.html" target="_blank" title="XCode 4.5中的分布式构建？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/FeiHuoBiGeShi_8cfecb0e.html" target="_blank" title="飞镖货币格式">飞镖货币格式</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《飞镖货币格式》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/FeiHuoBiGeShi_8cfecb0e.html" target="_blank" title="飞镖货币格式">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeYiBianChengF_123a9628.html" target="_blank" title="如何以编程方式训练SpeechRecognitionEngine并将音频文件转换为C#或vb.net中的文本">如何以编程方式训练SpeechRecognitionEngine并将音频文件转换为C#或vb.net中的文本</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何以编程方式训练SpeechRecognitionEngine并将音频文件转换为C#或vb.net中的文本》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeYiBianChengF_123a9628.html" target="_blank" title="如何以编程方式训练SpeechRecognitionEngine并将音频文件转换为C#或vb.net中的文本">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/MySQLUPDATE_SuiJ_5e10d457.html" target="_blank" title="MySQL UPDATE随机数介于1-3之间">MySQL UPDATE随机数介于1-3之间</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《MySQLUPDATE随机数介于1-3之间》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/MySQLUPDATE_SuiJ_5e10d457.html" target="_blank" title="MySQL UPDATE随机数介于1-3之间">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/--launcher-XXMax_6bc7c7b6.html" target="_blank" title="--launcher.XXMaxPermSize在eclipse.ini中出现两次">--launcher.XXMaxPermSize在eclipse.ini中出现两次</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《--launcher.XXMaxPermSize在eclipse.ini中出现两次》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/--launcher-XXMax_6bc7c7b6.html" target="_blank" title="--launcher.XXMaxPermSize在eclipse.ini中出现两次">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DuiYuZaiShiJian__8982d680.html" target="_blank" title="对于在时间1和时间2之间没有发生任何变化的情况,删除所有id的情况">对于在时间1和时间2之间没有发生任何变化的情况,删除所有id的情况</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《对于在时间1和时间2之间没有发生任何变化的情况,删除所有id的情况》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/DuiYuZaiShiJian__8982d680.html" target="_blank" title="对于在时间1和时间2之间没有发生任何变化的情况,删除所有id的情况">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ChuXue_Java_Tiao_8c07f157.html" target="_blank" title="初学Java挑战">初学Java挑战</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《初学Java挑战》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ChuXue_Java_Tiao_8c07f157.html" target="_blank" title="初学Java挑战">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DengLuYongHuZhuC_c6a69909.html" target="_blank" title="登录用户注册与巫术">登录用户注册与巫术</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《登录用户注册与巫术》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/DengLuYongHuZhuC_c6a69909.html" target="_blank" title="登录用户注册与巫术">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/CongYiGeYuanZuZh_abadb8b8.html" target="_blank" title="从一个元组中的两个列表中总结相应的对 - 在Haskell中">从一个元组中的两个列表中总结相应的对 - 在Haskell中</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《从一个元组中的两个列表中总结相应的对-在Haskell中》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/CongYiGeYuanZuZh_abadb8b8.html" target="_blank" title="从一个元组中的两个列表中总结相应的对 - 在Haskell中">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/SuoYouDianZiYouJ_f095a167.html" target="_blank" title="所有电子邮件提供商都会忽略@前面的时段吗？">所有电子邮件提供商都会忽略@前面的时段吗？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《所有电子邮件提供商都会忽略@前面的时段吗？》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/SuoYouDianZiYouJ_f095a167.html" target="_blank" title="所有电子邮件提供商都会忽略@前面的时段吗？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/AI_YouGongGongLi_4c8b5c19.html" target="_blank" title="AI有公共聊天数据库吗？">AI有公共聊天数据库吗？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《AI有公共聊天数据库吗？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/AI_YouGongGongLi_4c8b5c19.html" target="_blank" title="AI有公共聊天数据库吗？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeJiangDi_svg__f8f4c365.html" target="_blank" title="如何降低svg过滤器中alpha层的不透明度？">如何降低svg过滤器中alpha层的不透明度？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何降低svg过滤器中alpha层的不透明度？》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeJiangDi_svg__f8f4c365.html" target="_blank" title="如何降低svg过滤器中alpha层的不透明度？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/LingZhengQue_-_Z_c266ff3a.html" target="_blank" title="零正确(资源处理)规则在哪里？">零正确(资源处理)规则在哪里？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《零正确(资源处理)规则在哪里？》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/LingZhengQue_-_Z_c266ff3a.html" target="_blank" title="零正确(资源处理)规则在哪里？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Flexslider100-_K_4bfd4c31.html" target="_blank" title="Flexslider 100%宽度创建水平滚动条">Flexslider 100%宽度创建水平滚动条</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Flexslider100%宽度创建水平滚动条》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Flexslider100-_K_4bfd4c31.html" target="_blank" title="Flexslider 100%宽度创建水平滚动条">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_javaEE_Zhong_7165562c.html" target="_blank" title="在java EE中,我应该将哪些jar放入库目录？">在java EE中,我应该将哪些jar放入库目录？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在javaEE中,我应该将哪些jar放入库目录？》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_javaEE_Zhong_7165562c.html" target="_blank" title="在java EE中,我应该将哪些jar放入库目录？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_AngularJS_Zh_095aed76.html" target="_blank" title="在AngularJS指令中查看函数的值">在AngularJS指令中查看函数的值</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在AngularJS指令中查看函数的值》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_AngularJS_Zh_095aed76.html" target="_blank" title="在AngularJS指令中查看函数的值">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea>
            </div>
            <div class="cmnt_cmt">
                <div class="cmnt_login_box">
                                        <a href="https://www.php1.cn/?s=user/login/index&from=">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a>
                                    </div>
                <div class="post_cmnt"><input type="button" value="吐 &nbsp;槽" onclick="post_ping();" /></div>
            </div>
        </form>

        
    </div>
</div>

<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/>
<style>
    .syntaxhighlighter{
        width: 740px;
        padding-top:40px;padding-bottom:20px;
        border: 1px solid #333;
        background: url("/style/SyntaxHighlighter/top_bg.svg");
        background-size: 43px;
        background-repeat: no-repeat;
        margin-bottom: -7px;
        border-radius: 15px;
        background-position: 16px 12px;
        padding-left: 10px;
    }
    .gutter{
        display: none;
    }
</style>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>    <div class="article_right">

    <div class="profile">
        <div class="author">
            <!-- 未登录 -->
            <div class="author-avatar">
                <a href="/u/echo7111436">
                    <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox">
                </a>
            </div>

            <div class="author-name">
                echo7111436            </div>

            <div class="author-intro">
                这个屌丝很懒，什么也没留下！            </div>
            
            <div class="author-bt">

                                <a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者">
                    <svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>
                    关注作者</a>
                            </div>

        </div>
    </div>


    <div class="tools">
        <div class="tools_top">Tags | 热门标签</div>
        <div class="tools_box">
            <ul>
                                <li>
                    <a href="/tag/actionscrip" target="_blank" title="actionscrip">actionscrip</a>
                </li>
                                <li>
                    <a href="/tag/bash" target="_blank" title="bash">bash</a>
                </li>
                                <li>
                    <a href="/tag/c#" target="_blank" title="c#">c#</a>
                </li>
                                <li>
                    <a href="/tag/c++" target="_blank" title="c++">c++</a>
                </li>
                                <li>
                    <a href="/tag/c语言" target="_blank" title="c语言">c语言</a>
                </li>
                                <li>
                    <a href="/tag/erlang" target="_blank" title="erlang">erlang</a>
                </li>
                                <li>
                    <a href="/tag/flutter" target="_blank" title="flutter">flutter</a>
                </li>
                                <li>
                    <a href="/tag/go" target="_blank" title="go">go</a>
                </li>
                                <li>
                    <a href="/tag/golang" target="_blank" title="golang">golang</a>
                </li>
                                <li>
                    <a href="/tag/java" target="_blank" title="java">java</a>
                </li>
                                <li>
                    <a href="/tag/javascript" target="_blank" title="javascript">javascript</a>
                </li>
                                <li>
                    <a href="/tag/lua" target="_blank" title="lua">lua</a>
                </li>
                                <li>
                    <a href="/tag/node.js" target="_blank" title="node.js">node.js</a>
                </li>
                                <li>
                    <a href="/tag/perl" target="_blank" title="perl">perl</a>
                </li>
                                <li>
                    <a href="/tag/php" target="_blank" title="php">php</a>
                </li>
                                <li>
                    <a href="/tag/python" target="_blank" title="python">python</a>
                </li>
                                <li>
                    <a href="/tag/scala" target="_blank" title="scala">scala</a>
                </li>
                                <li>
                    <a href="/tag/typescript" target="_blank" title="typescript">typescript</a>
                </li>
                                <div style="clear: both"></div>
            </ul>
        </div>
    </div>


    <div class="rank">
        <div class="rank_top">RankList | 热门文章</div>
        <div class="rank_box">
            <ul>
                                <li>
                    <b >1</b><a href="https://devbox.cn/p/RuHeZhongXinAnPa_0761bde5.html" title="如何重新安排在scrapy中稍后要抓取的403 HTTP状态代码？" target="_blank">如何重新安排在scrapy中稍后要抓取的403 HTTP状态代码？</a>
                </li>
                                <li>
                    <b >2</b><a href="https://devbox.cn/p/ngf-pattern_BuSh_c9edf40e.html" title="ngf-pattern不适用于ng-file-upload" target="_blank">ngf-pattern不适用于ng-file-upload</a>
                </li>
                                <li>
                    <b >3</b><a href="https://devbox.cn/p/JuTiHua_css_MoTa_5ea1090b.html" title="具体化css模态不起作用" target="_blank">具体化css模态不起作用</a>
                </li>
                                <li>
                    <b >4</b><a href="https://devbox.cn/p/AnDiYiGeYuanSuFe_a978a777.html" title="按第一个元素分组数组" target="_blank">按第一个元素分组数组</a>
                </li>
                                <li>
                    <b >5</b><a href="https://devbox.cn/p/DengXiaoYu_Inser_1f9d5f53.html" title="等效于InsertonSubmit的实体框架" target="_blank">等效于InsertonSubmit的实体框架</a>
                </li>
                                <li>
                    <b class="black">6</b><a href="https://devbox.cn/p/AngularJS-_JianC_912f330a.html" title="AngularJS:检测表单更改" target="_blank">AngularJS:检测表单更改</a>
                </li>
                                <li>
                    <b class="black">7</b><a href="https://devbox.cn/p/Elasticsearch_Zh_9cd5ea3e.html" title="Elasticsearch中的加权随机抽样" target="_blank">Elasticsearch中的加权随机抽样</a>
                </li>
                                <li>
                    <b class="black">8</b><a href="https://devbox.cn/p/priority_queue_Z_9a88bc53.html" title="priority_queue中第一个模板参数的用途是什么" target="_blank">priority_queue中第一个模板参数的用途是什么</a>
                </li>
                                <li>
                    <b class="black">9</b><a href="https://devbox.cn/p/JingGao_--histor_4618a8e1.html" title="警告:[history] pushState已弃用; 用而不是推" target="_blank">警告:[history] pushState已弃用; 用而不是推</a>
                </li>
                                <li>
                    <b class="black">10</b><a href="https://devbox.cn/p/RuHeShiYong_pyth_63f196d9.html" title="如何使用python反转单词字符串的顺序" target="_blank">如何使用python反转单词字符串的顺序</a>
                </li>
                                <li>
                    <b class="black">11</b><a href="https://devbox.cn/p/GuGe_protobuf_Zu_650098ca.html" title="谷歌protobuf最大尺寸" target="_blank">谷歌protobuf最大尺寸</a>
                </li>
                                <li>
                    <b class="black">12</b><a href="https://devbox.cn/p/MapStyle_GengGai_be7e8ac3.html" title="MapStyle更改时,GoogleMaps会更改图标的标记" target="_blank">MapStyle更改时,GoogleMaps会更改图标的标记</a>
                </li>
                                <li>
                    <b class="black">13</b><a href="https://devbox.cn/p/JavaScript-hasOw_98b899a0.html" title="JavaScript:hasOwnProperty vs dot语法" target="_blank">JavaScript:hasOwnProperty vs dot语法</a>
                </li>
                                <li>
                    <b class="black">14</b><a href="https://devbox.cn/p/Javascriptdom_Ca_12d757e7.html" title="Javascript dom操纵内存泄漏" target="_blank">Javascript dom操纵内存泄漏</a>
                </li>
                                <li>
                    <b class="black">15</b><a href="https://devbox.cn/p/RuHeZaiDieDai_pa_3a9abc52.html" title="如何在迭代pandas数据帧时创建新列并插入行值" target="_blank">如何在迭代pandas数据帧时创建新列并插入行值</a>
                </li>
                                <li>
                    <b class="black">16</b><a href="https://devbox.cn/p/WeiShiMeDangBiao_c6fd9f18.html" title="为什么当表达式中有另一个长值时,我的整数文字没有被提升为long类型？" target="_blank">为什么当表达式中有另一个长值时,我的整数文字没有被提升为long类型？</a>
                </li>
                                <li>
                    <b class="black">17</b><a href="https://devbox.cn/p/RuHeZaiXunHuanSh_152390ba.html" title="如何在循环时退出此操作？" target="_blank">如何在循环时退出此操作？</a>
                </li>
                                <li>
                    <b class="black">18</b><a href="https://devbox.cn/p/PatternSyntaxExc_4bba2b54.html" title="PatternSyntaxException:Windows下`.split(File.separator)`的索引1附近出现意外的内部错误" target="_blank">PatternSyntaxException:Windows下`.split(File.separator)`的索引1附近出现意外的内部错误</a>
                </li>
                                <li>
                    <b class="black">19</b><a href="https://devbox.cn/p/JiangRen_-0--ema_df86d886.html" title="将人[0] .email拆分为[&#39;person&#39;,&#39;0&#39;,&#39;email&#39;]" target="_blank">将人[0] .email拆分为[&#39;person&#39;,&#39;0&#39;,&#39;email&#39;]</a>
                </li>
                                <li>
                    <b class="black">20</b><a href="https://devbox.cn/p/HBase_ZhongDeMin_dba7da42.html" title="HBase中的命名空间？" target="_blank">HBase中的命名空间？</a>
                </li>
                            </ul>
        </div>
    </div>


</div>    <div style="clear: both;"></div>
</div>

<script type="application/javascript">

    function follow(uid) {

        var myDate = new Date();
        $.get("/user/follow/post?uid="+uid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response=="1"){
                tips('关注成功！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1912"><path d="M984.554971 729.818319L757.2752 1001.934666c-23.431608 29.784785-63.349596 27.462118-91.084969 0l-148.309102-117.727323a34.156864 34.156864 0 0 1 34.156863-59.159688L711.732715 956.392181l224.524451-274.871667a34.156864 34.156864 0 1 1 48.297805 48.297805zM506.791534 592.052303c-6.284863 6.968-12.569726 0-22.771243 0-171.103115 0-386.928951 164.066802-386.928951 358.396584 0 18.740733-15.347817 33.951922-34.316262 33.951922a34.156864 34.156864 0 0 1-34.361805-33.951922c0-160.582801 134.122618-342.616113 323.283329-400.181814C261.271998 499.783228 210.765382 406.011252 210.765382 296.026151 210.765382 133.530566 342.428706 0 506.791534 0s296.026151 133.530566 296.026151 296.026151c0 161.630279-132.892971 294.614334-296.026151 296.026152z m0-523.738576c-126.243768 0-227.712424 102.903244-227.712424 227.712424s101.468656 227.712424 227.712424 227.712424 227.712424-102.903244 227.712424-227.712424S633.035302 68.313727 506.791534 68.313727z" p-id="1913"></path></svg>\n'
                    +"已关注")
            }else if(response=="0"){
                tips('已取消关注！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>\n' +
                    "关注作者")
            }else if(response=="-2"){
                tips("请先登录！")
            }else{
                tips("关注失败！")
            }
        });
        
    }

    function like(sid) {

        var myDate = new Date();
        $.get("/blog/article/like?sid="+sid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response!="-1"){
                $("#like_num").html(response+"赞")
            }else{
                tips("关注失败！")
            }
        });

    }

</script>


<div class="bottom-bar">
    DevBox开发工具箱 | 专业的在线开发工具网站 &nbsp;&nbsp; <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040832" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802040832号</a> &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn/" target="_blank" >京ICP备19059560号-6</a> <BR />
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有 <BR />
</div></body>
</html>