Javascript 附加<;脚本>;进入<;部门>;使用jquery

Javascript 附加<;脚本>;进入<;部门>;使用jquery,javascript,jquery,Javascript,Jquery,我正在尝试将标记附加到我的中。每当我尝试这样做时,脚本都无法加载。但是如果我把它硬编码在标签下面,它就会工作 但是如果我尝试附加一个”;/文件来抓取图像 var tag2=''; $('#test')。追加(标记)//测试 $('#test2')。追加(tag2)//测试 }); 关于HTML $(document).ready(function() { var tag = '<script src="xxx.js"></script>'; // file to

我正在尝试将
标记附加到我的
中。每当我尝试这样做时,脚本都无法加载。但是如果我把它硬编码在标签下面,它就会工作

但是如果我尝试附加一个
”;/文件来抓取图像
var tag2='';
$('#test')。追加(标记)//测试
$('#test2')。追加(tag2)//测试
});
关于HTML

$(document).ready(function() {
    var tag = '<script src="xxx.js"></script>'; // file to grab images
    var tag2 = '<img src="some image link"></img>';
    $('#test').append(tag); //testing
    $('#test2').append(tag2); //testing
});

使用以下更多信息进行编辑:

实际上,我已经在网上寻找了解决方案,大部分答案与这里给出的答案几乎相同。在我的例子中,它与其他的略有不同。这是因为标记变量实际上是数据库中的一个必需变量

<div id="test"></div> <!-- Not Working! -->
<div id="test2"></div> <!-- This Works! -->

<div id="test"><script src="xxx.js file to grab images"></script></div> <!-- This Works too! -->
试试看:

    $(document).ready(function() {
        var tag = <? echo $row['code'] ?>;
        var tag2 = <? echo $row2['code'] ?>;
        $('#test').append(tag); //testing
        $('#test2').append(tag2); //testing
    });
试试看:

    $(document).ready(function() {
        var tag = <? echo $row['code'] ?>;
        var tag2 = <? echo $row2['code'] ?>;
        $('#test').append(tag); //testing
        $('#test2').append(tag2); //testing
    });

如果在源代码顺序中将脚本标记注入到哪里很重要,那么Mario Araque的解决方案适合您。如果不重要,R3tep的解决方案会很好地完成这项工作。

如果重要的是脚本标记按源代码顺序注入到哪里,Mario Araque的解决方案适合您。如果这不重要,R3tep的解决方案会很好地完成这项工作。

这一切都是因为解析问题。找到此代码后出现的问题。假设我们想关闭脚本标记,但我们不会。为了避免出现这种情况,请将
\
放在
/
前面,类似这样以转义特殊字符:

var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'xxx.js';

$('#test').append(script); 
$(文档).ready(函数(){
var tag='';//用于获取图像的文件
var tag2='';
$('#test')。追加(标记);//测试
$('#test2').append(tag2);//测试
});


尝试检查chrome中的元素以查看代码。

这一切都是因为解析问题。找到此代码后出现的问题。假设我们想关闭脚本标记,但我们不会。为了避免出现这种情况,请将
\
放在
/
前面,类似这样以转义特殊字符:

var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'xxx.js';

$('#test').append(script); 
$(文档).ready(函数(){
var tag='';//用于获取图像的文件
var tag2='';
$('#test')。追加(标记);//测试
$('#test2').append(tag2);//测试
});


尝试检查chrome中的元素以查看代码。

src
中,什么是
文件来抓取图像
?xxx.js文件能够从服务器抓取图像并返回。您需要检查xxx.js文件,看看它是否正确返回图像。还请注意,图像可能会以位流的形式返回,因此您可能需要对其进行解码。这种可能的重复听起来像是一个XY问题:为什么要添加嵌套在特定元素中的脚本?取而代之的是询问有关您的问题的问题,而不是您认为可以解决此问题的解决方法在
src
中获取图像的
文件是什么?xxx.js文件能够从服务器获取图像并返回图像。您需要检查xxx.js文件,看看它是否正确返回图像。还请注意,图像可能会以位流的形式返回,因此您可能需要对其进行解码。这种可能的重复听起来像是一个XY问题:为什么要添加嵌套在特定元素中的脚本?相反,请询问有关您的问题的问题,而不是您认为可以解决此问题的解决方法。我在控制台上也收到了此错误消息:“从异步加载的外部脚本调用document.write()被忽略。”我在控制台上也收到了此错误消息:“调用document.write()从异步加载的外部脚本中删除的脚本被忽略。“