Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript在页面上插入HTML注释_Javascript_Jquery_Html - Fatal编程技术网

使用Javascript在页面上插入HTML注释

使用Javascript在页面上插入HTML注释,javascript,jquery,html,Javascript,Jquery,Html,我有一个Javascript函数,它可以将一个以某种方式格式化的字符串插入到另一个团队使用的数据分析工具的页面中。Javascript执行时没有错误,但每当我查看页面的页面源代码时,页面上似乎没有注释。有人知道这个问题是什么吗?有没有人有在网页上写评论的经验?我认为jQuery在编写HTML注释方面可能有任何问题,但事实证明,仅使用PlanJavaScriptDOM操作功能也不起作用 var test_comment = "<!--This is my comment for data a

我有一个Javascript函数,它可以将一个以某种方式格式化的字符串插入到另一个团队使用的数据分析工具的页面中。Javascript执行时没有错误,但每当我查看页面的页面源代码时,页面上似乎没有注释。有人知道这个问题是什么吗?有没有人有在网页上写评论的经验?我认为jQuery在编写HTML注释方面可能有任何问题,但事实证明,仅使用PlanJavaScriptDOM操作功能也不起作用

var test_comment = "<!--This is my comment for data analytics-->";

renderTealeafGrid: function(analyticsString) {

    var homePage,
        analyticsInfo;

    if($('.analyticsInfo').length===0) {
        homePage = document.getElementById('homePage');
        analyticsInfo = document.createElement('span');
        analyticsInfo.setAttribute('class','analyticsInfo');
        analyticsInfo.innerHTML = analyticsString;
        homePage.appendChild(analyticsInfo);
    }
}

renderTealeafGridUsingJQuery: function(analyticsString) {
    if($('.analyticsInfo').length===0) {
        $('#homePage').after('<span class="analyticsInfo hide">' + analyticsString + '</span>');
    }
}
var测试_comment=”“;
RenderTaleAfGrid:函数(分析字符串){
var主页,
分析信息;
如果($('.analyticsInfo')。长度===0){
homePage=document.getElementById('homePage');
analyticsInfo=document.createElement('span');
setAttribute('class','analyticsInfo');
analyticsInfo.innerHTML=analyticsString;
首页.附件(analyticsInfo);
}
}
RenderAleafGridUsingjQuery:函数(分析字符串){
如果($('.analyticsInfo')。长度===0){
$(“#主页”)。在(“”+分析字符串+“”)之后;
}
}

如果使用老式的查看源代码工具,您可能会看到原始源代码。您可以使用工具的Inspect元素数组来验证FF中的更改。它们在更新后显示当前DOM。

如果使用老式的查看源代码工具,您可能会看到原始源代码。您可以使用工具的Inspect元素数组来验证FF中的更改。它们在更新后显示当前DOM。

//假设您只是查看页面的源代码

您的问题是,jQuery在DOM构建之后会对其进行操作

DOM是基于页面的源代码构建的,这是您通过“查看源代码”看到的

要查看修改后的源代码,请检查元素或使用类似firebug的工具


您还可以通过jQuery获取源代码。尝试向正在更新的元素的
.html()
发出警报。

//假设您只是查看页面的源代码

您的问题是,jQuery在DOM构建之后会对其进行操作

DOM是基于页面的源代码构建的,这是您通过“查看源代码”看到的

要查看修改后的源代码,请检查元素或使用类似firebug的工具


您还可以通过jQuery获取源代码。尝试向正在更新的元素的
.html()
发出警报。

您显示的任何逻辑都不会对
test\u comment
变量产生任何影响

正如其他人所指出的,simply View Source将显示页面的原始源代码,而不是页面加载后的任何DOM更改。您需要使用Firebug或Chrome开发工具检查源代码


另外,如果您想正确地向DOM添加注释,您可以使用该方法。

您提供的任何逻辑都不会对
test\u comment
变量产生任何影响

正如其他人所指出的,simply View Source将显示页面的原始源代码,而不是页面加载后的任何DOM更改。您需要使用Firebug或Chrome开发工具检查源代码

另外,如果您想正确地向DOM添加注释,您可以使用该方法