在浏览器中隐藏/检索HTML代码

时间:2015-03-11 07:28:14

标签: jquery html ajax

我想在div标签内隐藏代码,以便view->页面源不会向用户显示。 我不清楚之前得到了一些答案:

<script>
//ajax call via jQuery/Prototype loading content into div below
    $.ajax({
        url: "somepage.php",
        data: 'yourParameters'
        },
        success: function(data){
            $('#loadhtmlinviaAjax').show(); //toggle display status of this div as required
            $('#loadhtmlinviaAjax').html(data);
        }
    });
</script>

<div id="loadhtmlinviaAjax" style="display: none;"></div>

任何人都可以通过示例解释如何实现它吗? 任何人都可以解释如何以编程方式检索隐藏在div标签内的完整实现代码吗? (我可以使用镀铬中的F12进行检索)

1 个答案:

答案 0 :(得分:0)

只需通过javascript或jQuery添加代码即可完成所需。使用JS动态添加的代码不会出现在视图源中。

View Sample

在此处查看来源:&#34; view-source:https://fiddle.jshell.net/ru1kfmz3/show/light/&#34;

HTML:

<div class="myDiv"></div>

JS:

var s = "<ul>";
for(var i=0; i<10; i++)
{
s+= "<li> I am Element " + i + "</li>";
}
s+="</ul>";

$(".myDiv").append(s);