JavaScript 脚本隐藏在源代码 View 中

Question

例如，为什么脚本标签和内容不出现在 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 模态中，我在普通页面中有相同的脚本，它显示在源 View 中。

1st

2nd

Answer 1

当您使用 jQuery 将一些 HTML 内容动态加载到 DOM 中时，它会删除 <script>标签完全。在大多数情况下，它会评估它们(使用“eval()”，这或多或少是浏览器会做的)，但它们在 DOM 中不可用。

您可以在 jQuery 源代码中查看代码 starting around this point .

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