Javascript脚本隐藏在源代码视图中

javascript script is hidden in source view

本文关键字：视图 源代码 脚本 隐藏 Javascript      更新时间：2023-09-26

为什么脚本标签和内容不在div标签中出现呢?

我有以下代码:

<div>
                    <!-- BEGIN: YTV Syndicate script -->
                    <!-- Edit Section-->
                    <script type="text/javascript">
                        alert('hello!'); //check if scripts actually works
                        var YTVSYND = {}
                        YTVSYND.key = 'xxx';
                        YTVSYND.template = {}
                        YTVSYND.template.name = 'ytv'
                        YTVSYND.template.size = 'size300x250'
                        YTVSYND.soc = '<%= Model.Code %>';
                        YTVSYND.type = 'career';
                    </script>
                    <!-- END: EDIT -->
                    <!-- === DO NOT EDIT BELOW=== -->
                    <script type="text/javascript">
                        var ytvSyndUrl = (location.protocol == 'https:') ? 'https://' : 'http://';
                        ytvSyndUrl += 'syncdn.youniversitytv.com/synapi/embed/ytv-embed-api.js';
                        ytvSyndUrl = "/Scripts/ytv-embed-api.js"
                        var str = "<scr" + "ipt type='text/javascript' src='" + ytvSyndUrl + "'>";
                        str += "<";
                        str += "'/scr" + "ipt>";
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = ytvSyndUrl;
                        $("#fgm").html(str)
                    </script>
                    <!-- EOF: YTV Syndicate script -->
                    </div>

只是执行，但是当我检查源代码时它只显示注释

    <!-- BEGIN: YTV Syndicate script -->
    <!-- Edit Section-->
    <!-- END: EDIT -->
    <!-- === DO NOT EDIT BELOW=== -->
    <!-- EOF: YTV Syndicate script -->

和没有标记的脚本标签和实际的脚本。

注意:这是在一个jquery模态，我有一个正常的页面内相同的脚本，它显示在源视图

1

2

当您使用jQuery动态地将一些HTML内容加载到DOM中时，它会完全剥离<script>标记。在大多数情况下，它会计算它们(使用"eval()"，这或多或少是浏览器会做的)，但它们不会在DOM中保持可用。

您可以在jQuery源代码中看到从这里开始的代码。

编辑本;请注意，我假设您正在动态添加一些HTML。如果您不这样做，那么<script>标签将在DOM中，并且您将能够在Firebug中看到它们，等等。

查看源代码不是你的解决方案

视图dom是你的解决方案

使用firebug web developer

相关文章：