为什么脚本标签和内容不在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模态,我有一个正常的页面内相同的脚本,它显示在源视图
12
当您使用jQuery动态地将一些HTML内容加载到DOM中时,它会完全剥离<script>
标记。在大多数情况下,它会计算它们(使用"eval()",这或多或少是浏览器会做的),但它们不会在DOM中保持可用。
您可以在jQuery源代码中看到从这里开始的代码。
编辑本;请注意,我假设您正在动态添加一些HTML。如果您不这样做,那么<script>
标签将在DOM中,并且您将能够在Firebug中看到它们,等等。
查看源代码不是你的解决方案
视图dom是你的解决方案
使用firebug web developer