7赞
如何将CSS应用于iframe？

作者：jerry613 | 2023-09-03 19:20
如何解决《如何将CSS应用于iframe？》经验，为你挑选了16个好方法。
我有一个简单的页面,有一些iframe部分(显示RSS链接).如何将主页面中的相同CSS格式应用于iframe中显示的页面？
1> Tamas Czineg..：
编辑:除非设置了适当的CORS标头,否则这不适用于跨域.
这里有两个不同的东西:iframe块的样式和嵌入在iframe中的页面样式.您可以通常的方式设置iframe块的样式:


嵌入在iframe中的页面样式必须通过将其包含在子页面中来设置:




或者它可以使用Javascript从父页面加载:

var cssLink = document.createElement("link");
cssLink.href = "style.css"; 
cssLink.rel = "stylesheet"; 
cssLink.type = "text/css"; 
frames['iframe1'].document.head.appendChild(cssLink);

        
只是这样no1否则必须测试它才能找出:正确,它不适用于跨域.执行frame ['name']后,您会立即得到"不安全的JavaScript尝试使用URL blah从帧中获取URL blah.域,协议和端口必须匹配." 
链接*可能只出现在HEAD中* 
请注意,在我看来,之前发布的一些示例现在对html5无效.您可以按如下方式访问框架的内容:`document.getElementById("myframe").contentDocument`.虽然嵌入css似乎对我不起作用. 
这实际上是跨域工作吗？我认为不会. 
只有当我做了`... document.head.appendChild(cssLink)` -  Firefox和Safari时才为我工作. 
在我的情况下,它显示此错误:frames.frame1.document未定义 

2> SequenceDigi..：
我在Google日历中遇到了这个问题.我想在较暗的背景上设计它并改变字体.

幸运的是,嵌入代码中的URL对直接访问没有限制,因此通过使用PHP函数file_get_contents,可以从页面获取整个内容.可以调用位于服务器上的php文件,而不是调用Google URL.google.php,其中包含原始内容并进行修改:

$content = file_get_contents('https://www.google.com/calendar/embed?src=%23contacts%40group.v.calendar.google.com&ctz=America/Montreal');


添加样式表的路径:

$content = str_replace('','', $content);


(这会将样式表放在head结束标记之前.)

如果css和js相对调用,请指定原始URL的基本URL:

$content = str_replace('','', $content);


最终google.php文件应如下所示:

','', $content);
$content = str_replace('','', $content);
echo $content;


然后将iframe嵌入代码更改为:




祝好运!

        
如果你愿意,可以按定义调用该黑客.但是你没有提供任何更好的解决方案......这种解决方案不是一种破坏谷歌服务或欺骗人们以利用其弱点的方法. 
仅供参考,这基本上是黑客攻击. 
通过这样做,您始终将日历作为未登录的用户.使用普通的html iframe,如果用户登录谷歌,他们会看到他们自己的个人日历,但由于您的PHP代码无法知道用户的Google会话ID,因此无法获取他们的个人日历. 
@ChrisHoughton FYI,它基本上不是.但是,它可能会使整个iframe变得毫无意义(例如,使用iframe的一个原因是出于安全目的,例如使用卡支付,如果您执行此处建议的操作,则可能会导致问题). 
我会杀死一种让这个解决方案与谷歌文档一起工作的方法.它抛出各种javascript错误."未捕获的TypeError:无法读取未定义的属性'a' 

3> Horst Gutman..：
如果iframe的内容不完全在您的控制之下,或者您想要使用不同样式访问不同页面中的内容,则可以尝试使用JavaScript进行操作.

var frm = frames['frame'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);


请注意,根据您使用的浏览器,这可能仅适用于来自同一域的网页.

        
可能值得注意的是,如果页面位于不同的域中,相同的源策略将停止此工作. 
在同一思路但更简洁:`` <br><br><b>4> Rami Sariedd..：</b><hr><pre class="brush:bash;">var $head = $("#eFormIFrame").contents().find("head");

$head.append($("<link/>", {
    rel: "stylesheet",
    href: url,
    type: "text/css"
}));
</pre></p>
        <br><br><b>5> hangy..：</b><hr><p>大多数浏览器都会像一个不同的HTML页面一样处理iframe.如果要将相同的样式表应用于iframe的内容,只需从其中使用的页面引用它即可.</p></p>
        <hr>@hangry但......怎么样？ <br><br><b>6> domih..：</b><hr><p>以下是如何直接应用CSS代码而不使用<code><link></code>加载额外的样式表.</p>

<pre class="brush:bash;">var head = jQuery("#iframe").contents().find("head");
var css = '<style type="text/css">' +
          '#banner{display:none}; ' +
          '</style>';
jQuery(head).append(css);
</pre>

<p>这会在iframe页面中隐藏横幅.谢谢你的建议!</p></p>
        <hr>这似乎不适用于我。我要编辑的iframe在dom中也没有直接位于其下方的头。那么这是否意味着我需要访问html文档的头部，还是jquery find函数应该能够自己完成的事情？ <br><br><b>7> Ash..：</b><hr><p>如果您控制iframe中的页面,就像hangy所说的那样,最简单的方法是创建一个具有常见样式的共享CSS文件,然后从您的html页面链接到它.</p>

<p>否则,您不太可能从iframe中的外部页面动态更改页面样式.这是因为浏览器已经加强了跨框架dom脚本的安全性,因为可能会滥用欺骗和其他黑客攻击.</p>

<p>本教程可能会为您提供有关一般脚本编写iframe的更多信息.  关于跨框架脚本从IE角度解释了安全性限制.</p></p>
        <br><br><b>8> 小智..：</b><hr><p>以上稍有改动的工作原理:</p>

<pre class="brush:bash;">var cssLink = document.createElement("link") 
cssLink.href = "pFstylesEditor.css"; 
cssLink.rel = "stylesheet"; 
cssLink.type = "text/css"; 

//Instead of this
//frames['frame1'].document.body.appendChild(cssLink);
//Do this

var doc=document.getElementById("edit").contentWindow.document;

//If you are doing any dynamic writing do that first
doc.open();
doc.write(myData);
doc.close();

//Then append child
doc.body.appendChild(cssLink);
</pre>

<p>适用于ff3和ie8至少</p></p>
        <hr>什么是myData,它来自哪里 <br><br><b>9> sorin..：</b><hr><p>如果你想从主页面重用CSS和JavaScript,你应该考虑用<code><IFRAME></code>Ajax加载的内容替换.现在,当搜索机器人能够执行JavaScript时,这更加SEO友好.</p>

<p>这是jQuery示例,其中包含另一个html页面到您的文档中.这比SEO更友好<code>iframe</code>.为了确保机器人没有索引包含的页面,只需将其添加到禁止进入<code>robots.txt</code></p>

<pre class="lang-html prettyprint-override"><code><html>
  <header>
    <script src="/js/jquery.js" type="text/javascript"></script>
  </header>
  <body>
    <div id='include-from-outside'></div>
    <script type='text/javascript'>
      $('#include-from-outside').load('http://example.com/included.html');
    </script> 
  </body>
</html>
</pre>

<p>您还可以直接在Google中添加jQuery:http://code.google.com/apis/ajaxlibs/documentation/ - 这意味着可选的自动包含更新的版本和一些显着的速度提升.此外,意味着您必须信任它们只为您提供jQuery;)</p></p>
        <br><br><b>10> 小智..：</b><hr><p>以下对我有用.</p>

<pre class="brush:bash;">var iframe = top.frames[name].document;
var css = '' +
          '<style type="text/css">' +
          'body{margin:0;padding:0;background:transparent}' +
          '</style>';
iframe.open();
iframe.write(css);
iframe.close();
</pre></p>
        <br><br><b>11> David Bradsh..：</b><hr><p>扩展上述jQuery解决方案,以应对加载帧内容的任何延迟.</p>

<pre class="lang-js prettyprint-override"><code>$('iframe').each(function(){
    function injectCSS(){
        $iframe.contents().find('head').append(
            $('<link/>', { rel: 'stylesheet', href: 'iframe.css', type: 'text/css' })
        );
    }

    var $iframe = $(this);
    $iframe.on('load', injectCSS);
    injectCSS();
});
</pre></p>
        <br><br><b>12> Zbigniew Wia..：</b><hr><p>我的<strong>紧凑版本</strong>:</p>

<pre class="brush:bash;"><script type="text/javascript">
$(window).load(function () {
    var frame = $('iframe').get(0);
    if (frame != null) {
        var frmHead = $(frame).contents().find('head');
        if (frmHead != null) {
            frmHead.append($('style, link[rel=stylesheet]').clone()); // clone existing css link
            //frmHead.append($("<link/>", { rel: "stylesheet", href: "/styles/style.css", type: "text/css" })); // or create css link yourself
        }
    }   
});
</script>
</pre>

<p>但是,有时<code>iframe</code>在窗口加载时没有准备好,因此需要使用<strong>计时器</strong>.</p>

<p><strong>即用型代码</strong>(带定时器):</p>

<pre class="brush:bash;"><script type="text/javascript">
var frameListener;
$(window).load(function () {
    frameListener = setInterval("frameLoaded()", 50);
});
function frameLoaded() {
    var frame = $('iframe').get(0);
    if (frame != null) {
        var frmHead = $(frame).contents().find('head');
        if (frmHead != null) {
            clearInterval(frameListener); // stop the listener
            frmHead.append($('style, link[rel=stylesheet]').clone()); // clone existing css link
            //frmHead.append($("<link/>", { rel: "stylesheet", href: "/styles/style.css", type: "text/css" })); // or create css link yourself
        }
    }
}
</script>
</pre>

<p>...和jQuery链接:</p>

<pre class="brush:bash;"><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" type="text/javascript"></script>
</pre></p>
        <br><br><b>13> 小智..：</b><hr><p>当你说"doc.open()"时,它意味着你可以在iframe中编写任何HTML标签,所以你应该为HTML页面编写所有基本标签,如果你想在你的iframe头中有一个CSS链接,那就写一个iframe中有CSS链接.我举个例子:</p>

<pre class="brush:bash;">doc.open();

doc.write('<!DOCTYPE html><html><head><meta charset="utf-8"/><meta http-quiv="Content-Type" content="text/html; charset=utf-8"/><title>Print Frame</title><link rel="stylesheet" type="text/css" href="/css/print.css"/></head><body><table id="' + gridId + 'Printable' + '" class="print" >' + out + '</table></body></html>');

doc.close();
</pre></p>
        <br><br><b>14> jtheletter..：</b><hr><p>这里的其他答案似乎使用jQuery和CSS链接。</p>

<p>此代码使用原始JavaScript。它创建一个新<code><style></code>元素。它将该元素的文本内容设置为包含新CSS的字符串。并将该元素直接附加到iframe文档的头部。</p>

<pre class="brush:bash;">var iframe = document.getElementById('the-iframe');
var style = document.createElement('style');
style.textContent =
  '.some-class-name {' +
  '  some-style-name: some-value;' +
  '}' 
;
iframe.contentDocument.head.appendChild(style);
</pre></p>
        <br><br><b>15> 小智..：</b><hr><p>使用可以尝试一下：</p>

<pre class="brush:bash;">$('iframe').load( function() {
     $('iframe').contents().find("head")
     .append($("<style type='text/css'>  .my-class{display:none;}  </style>"));
  });
</pre></p>
        <hr>如果您的iframe来自不同的来源，那么CORS机制将不允许此工作。 <br><br><b>16> 小智..：</b><hr><p>您将无法以这种方式设置iframe的内容样式.我的建议是使用服务器端脚本(PHP,ASP或Perl脚本)或找到将feed转换为JavaScript代码的在线服务.唯一的另一种方法是,如果你可以做一个服务器端包含.</p></p>
        <hr>当你说某些事情无法完成时要小心,实际上这很难     </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/Java_ZhongDeDaSh_653273a4.html" target="_blank" title="Java中的大数字计算？">Java中的大数字计算？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Java中的大数字计算？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Java_ZhongDeDaSh_653273a4.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/Cong_iOSShareExt_893a1067.html" target="_blank" title="从iOS Share Extension获取PHAsset">从iOS Share Extension获取PHAsset</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《从iOSShareExtension获取PHAsset》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Cong_iOSShareExt_893a1067.html" target="_blank" title="从iOS Share Extension获取PHAsset">[详细]</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/ShiFouYiXingShiG_088100d9.html" target="_blank" title="是否以形式公开显示x-amz凭证或任何亚马逊东西？">是否以形式公开显示x-amz凭证或任何亚马逊东西？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《是否以形式公开显示x-amz凭证或任何亚马逊东西？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiFouYiXingShiG_088100d9.html" target="_blank" title="是否以形式公开显示x-amz凭证或任何亚马逊东西？">[详细]</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/R--_RuHeCong_chi_52dab4b9.html" target="_blank" title="R ::如何从chisq.test输出中获取p值">R ::如何从chisq.test输出中获取p值</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《R::如何从chisq.test输出中获取p值》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/R--_RuHeCong_chi_52dab4b9.html" target="_blank" title="R ::如何从chisq.test输出中获取p值">[详细]</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/RuHeTongGuo_API__f779022f.html" target="_blank" title="如何通过API网关使用事件调用类型调用Lambda函数？">如何通过API网关使用事件调用类型调用Lambda函数？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何通过API网关使用事件调用类型调用Lambda函数？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeTongGuo_API__f779022f.html" target="_blank" title="如何通过API网关使用事件调用类型调用Lambda函数？">[详细]</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/RuHeJinYong_glim_2ea39da8.html" target="_blank" title="如何禁用glimpse更新检查请求？">如何禁用glimpse更新检查请求？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何禁用glimpse更新检查请求？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeJinYong_glim_2ea39da8.html" target="_blank" title="如何禁用glimpse更新检查请求？">[详细]</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/NumPy-_JiuShuJuM_d49caadf.html" target="_blank" title="NumPy:旧数据描述符和新数据描述符的大小不匹配">NumPy:旧数据描述符和新数据描述符的大小不匹配</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《NumPy:旧数据描述符和新数据描述符的大小不匹配》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/NumPy-_JiuShuJuM_d49caadf.html" target="_blank" title="NumPy:旧数据描述符和新数据描述符的大小不匹配">[详细]</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/ShiYongNongSuoKa_ebaadbda.html" target="_blank" title="使用浓缩咖啡从测试中调用测试活动的方法并查看其结果">使用浓缩咖啡从测试中调用测试活动的方法并查看其结果</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用浓缩咖啡从测试中调用测试活动的方法并查看其结果》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYongNongSuoKa_ebaadbda.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/Perl_ChaiFenBing_66328d96.html" target="_blank" title="Perl拆分并丢弃一行中的第一个元素">Perl拆分并丢弃一行中的第一个元素</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Perl拆分并丢弃一行中的第一个元素》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Perl_ChaiFenBing_66328d96.html" target="_blank" title="Perl拆分并丢弃一行中的第一个元素">[详细]</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/Android-_JianCha_13350827.html" target="_blank" title="Android:检查系统是否从服务中销毁活动">Android:检查系统是否从服务中销毁活动</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Android:检查系统是否从服务中销毁活动》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Android-_JianCha_13350827.html" target="_blank" title="Android:检查系统是否从服务中销毁活动">[详细]</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/RuHeZaiTongYiFen_e6c8b550.html" target="_blank" title="如何在同一分区中保留2个Cassandra表">如何在同一分区中保留2个Cassandra表</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在同一分区中保留2个Cassandra表》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZaiTongYiFen_e6c8b550.html" target="_blank" title="如何在同一分区中保留2个Cassandra表">[详细]</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/CanShuHua_MySQL__109c1e95.html" target="_blank" title="参数化MySQL工作台语句:如何定义变量">参数化MySQL工作台语句:如何定义变量</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《参数化MySQL工作台语句:如何定义变量》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/CanShuHua_MySQL__109c1e95.html" target="_blank" title="参数化MySQL工作台语句:如何定义变量">[详细]</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/AnZhuang_PHP7_Ho_0e495a29.html" target="_blank" title="安装PHP 7后如何安装/启用intl和xsl扩展">安装PHP 7后如何安装/启用intl和xsl扩展</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《安装PHP7后如何安装/启用intl和xsl扩展》经验，为你挑选了3个好方法。 ...
                        <a href="https://devbox.cn/p/AnZhuang_PHP7_Ho_0e495a29.html" target="_blank" title="安装PHP 7后如何安装/启用intl和xsl扩展">[详细]</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/AngularJS_ShiFou_cf28f5ed.html" target="_blank" title="AngularJS是否将变量保存到文件中？">AngularJS是否将变量保存到文件中？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《AngularJS是否将变量保存到文件中？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/AngularJS_ShiFou_cf28f5ed.html" target="_blank" title="AngularJS是否将变量保存到文件中？">[详细]</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/Android-_ShuJuBa_259c84f1.html" target="_blank" title="Android:数据绑定,notifyPropertyChanged()无法正常工作？">Android:数据绑定,notifyPropertyChanged()无法正常工作？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Android:数据绑定,notifyPropertyChanged()无法正常工作？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Android-_ShuJuBa_259c84f1.html" target="_blank" title="Android:数据绑定,notifyPropertyChanged()无法正常工作？">[详细]</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/C--_BiaoZhunShiF_c5b6773f.html" target="_blank" title="C++标准是否指定浮点数表示的任何内容？">C++标准是否指定浮点数表示的任何内容？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《C++标准是否指定浮点数表示的任何内容？》经验，为你挑选了3个好方法。 ...
                        <a href="https://devbox.cn/p/C--_BiaoZhunShiF_c5b6773f.html" target="_blank" title="C++标准是否指定浮点数表示的任何内容？">[详细]</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/LiJiChuangKouZho_cb06a1f6.html" target="_blank" title="立即窗口中的F#">立即窗口中的F#</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《立即窗口中的F#》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/LiJiChuangKouZho_cb06a1f6.html" target="_blank" title="立即窗口中的F#">[详细]</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/BuKeNengZai_Fire_d6144b2c.html" target="_blank" title="不可能在Firefox中使用Twitter时间线？">不可能在Firefox中使用Twitter时间线？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/BuKeNengZai_Fire_d6144b2c.html" target="_blank" title="不可能在Firefox中使用Twitter时间线？"><img src="https://img.devbox.cn/3cccf/16086/243/f6fa5d24bcf9dc1a.png" width="120" height="70" alt="不可能在Firefox中使用Twitter时间线？"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《不可能在Firefox中使用Twitter时间线？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/BuKeNengZai_Fire_d6144b2c.html" target="_blank" title="不可能在Firefox中使用Twitter时间线？">[详细]</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/WeiShiMe_angular_1fc6758d.html" target="_blank" title="为什么angular.forEach上下文？">为什么angular.forEach上下文？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《为什么angular.forEach上下文？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/WeiShiMe_angular_1fc6758d.html" target="_blank" title="为什么angular.forEach上下文？">[详细]</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/Symfony_AnZhuang_30056cc2.html" target="_blank" title="Symfony安装缺少的供应商库">Symfony安装缺少的供应商库</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Symfony安装缺少的供应商库》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Symfony_AnZhuang_30056cc2.html" target="_blank" title="Symfony安装缺少的供应商库">[详细]</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/jerry613">
                    <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox">
                </a>
            </div>

            <div class="author-name">
                jerry613            </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/RuHeZai_Django_Z_a385bc38.html" title="如何在Django中为密码不可用的用户允许重置密码？" target="_blank">如何在Django中为密码不可用的用户允许重置密码？</a>
                </li>
                                <li>
                    <b >2</b><a href="https://devbox.cn/p/AzureRESTAPI-_Yo_b67e2f1e.html" title="Azure REST API  - 用于获取所有虚拟机的查询参数" target="_blank">Azure REST API  - 用于获取所有虚拟机的查询参数</a>
                </li>
                                <li>
                    <b >3</b><a href="https://devbox.cn/p/TongGuo_ng-click_e7367cef.html" title="通过ng-click将ng-model变量传递给函数" target="_blank">通过ng-click将ng-model变量传递给函数</a>
                </li>
                                <li>
                    <b >4</b><a href="https://devbox.cn/p/MYSQL-select_DeY_65e86c79.html" title="MYSQL:select的意外结果" target="_blank">MYSQL:select的意外结果</a>
                </li>
                                <li>
                    <b >5</b><a href="https://devbox.cn/p/Docker_RongQiJiQ_11f12f35.html" title="Docker容器集群" target="_blank">Docker容器集群</a>
                </li>
                                <li>
                    <b class="black">6</b><a href="https://devbox.cn/p/Chrome_KongZhiTa_5e46ea1f.html" title="Chrome控制台清除分配和变量" target="_blank">Chrome控制台清除分配和变量</a>
                </li>
                                <li>
                    <b class="black">7</b><a href="https://devbox.cn/p/R-dplyr_RongHePe_68e46773.html" title="R  -  dplyr融合配对数据的交叉" target="_blank">R  -  dplyr融合配对数据的交叉</a>
                </li>
                                <li>
                    <b class="black">8</b><a href="https://devbox.cn/p/Java_RengZaiYunX_e15feec7.html" title="Java仍在运行时重新创建日志文件" target="_blank">Java仍在运行时重新创建日志文件</a>
                </li>
                                <li>
                    <b class="black">9</b><a href="https://devbox.cn/p/ShouYiLvShiFouKe_51914f0d.html" title="收益率是否可以折返？" target="_blank">收益率是否可以折返？</a>
                </li>
                                <li>
                    <b class="black">10</b><a href="https://devbox.cn/p/MySQL-_Cong_time_9d45fafd.html" title="MySQL  - 从timestamp列选择每2小时的间隔" target="_blank">MySQL  - 从timestamp列选择每2小时的间隔</a>
                </li>
                                <li>
                    <b class="black">11</b><a href="https://devbox.cn/p/CiZiChaXunChuCuo_215e0b7a.html" title="此子查询出错" target="_blank">此子查询出错</a>
                </li>
                                <li>
                    <b class="black">12</b><a href="https://devbox.cn/p/VisualStudio2015_2400dc56.html" title="Visual Studio 2015不断切换启动项目" target="_blank">Visual Studio 2015不断切换启动项目</a>
                </li>
                                <li>
                    <b class="black">13</b><a href="https://devbox.cn/p/ShiYong_Dapper_Z_531fbae3.html" title="使用Dapper自动映射输出参数" target="_blank">使用Dapper自动映射输出参数</a>
                </li>
                                <li>
                    <b class="black">14</b><a href="https://devbox.cn/p/RuHeQingChuShuZu_9e99ed0d.html" title="如何清除数组中的TextField？" target="_blank">如何清除数组中的TextField？</a>
                </li>
                                <li>
                    <b class="black">15</b><a href="https://devbox.cn/p/JiangYuYanGengGa_e126eb31.html" title="将语言更改为Bootstrap Datetimepicker" target="_blank">将语言更改为Bootstrap Datetimepicker</a>
                </li>
                                <li>
                    <b class="black">16</b><a href="https://devbox.cn/p/WenJianXiTongBia_3bfb5e6d.html" title="文件系统变为只读时的弹性搜索" target="_blank">文件系统变为只读时的弹性搜索</a>
                </li>
                                <li>
                    <b class="black">17</b><a href="https://devbox.cn/p/RuHeYueDu_appSet_41f5e7d9.html" title="如何阅读appSettings键" target="_blank">如何阅读appSettings键</a>
                </li>
                                <li>
                    <b class="black">18</b><a href="https://devbox.cn/p/RuHeCongJiGe_INS_3070ce49.html" title="如何从几个INSERT中插入id" target="_blank">如何从几个INSERT中插入id</a>
                </li>
                                <li>
                    <b class="black">19</b><a href="https://devbox.cn/p/Cong_javascripto_7b5bfcc8.html" title="从javascript onclick返回值到变量或使用onclick更改全局变量" target="_blank">从javascript onclick返回值到变量或使用onclick更改全局变量</a>
                </li>
                                <li>
                    <b class="black">20</b><a href="https://devbox.cn/p/AnHanShuMingChen_d11f3296.html" title="按函数名称c ++ 11参数化模板" target="_blank">按函数名称c ++ 11参数化模板</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>