Javascript 将html添加到没有id的div中_Javascript_Jquery

Javascript 将html添加到没有id的div中

javascript jquery

Javascript 将html添加到没有id的div中,javascript,jquery,Javascript,Jquery,我试图将一些带有javascript和jQuery的html代码添加到一个没有id但带有类的div中我试着这样做，但没有成功 flie.js： $(".myClassName").ready(function(){ $(this).innerHTML = "<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>"; }); $（“.myClassName”）.ready

我试图将一些带有javascript和jQuery的html代码添加到一个没有id但带有类的div中

我试着这样做，但没有成功

flie.js：

$(".myClassName").ready(function(){
    $(this).innerHTML = "<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>";
});

$（“.myClassName”）.ready（函数（）{
$（this.innerHTML=“一些文本”；
});

我正在加载带有此html代码的.js文件

.html文件：

<div class="myClassName">
</div>
<script>
(function()
{
    if (window['ImportFlag'] == undefined || window['ImportFlag'] == void 0) {
        var myScript = document.createElement('script');
        myScript.type = 'text/javascript';
        myScript.src = 'file.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(myScript, s);}
    window['ImportFlag'] = 1;
})();
</script>


（功能（）
{
如果（窗口['ImportFlag']==未定义| |窗口['ImportFlag']==无效0）{
var myScript=document.createElement（'script'）；
myScript.type='text/javascript'；
myScript.src='file.js'；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（myScript，s）；}
窗口['ImportFlag']=1；
})();

$（文档）.ready（函数（）{
$（“.myClassName”）.html（“一些文本”）；
});

$（文档）.ready（函数（）{
$（“.myClassName”）.html（“一些文本”）；
});

您可以这样尝试

<div class="myClassName">
</div>
<script type="text/javascript" src="file.js">
</script>

file.js

$(document).ready(function(){
    $('.myClassName').html("<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>");
});

$（文档）.ready（函数（）{
$（'.myClassName'）.html（“一些文本”）；
});

您可以这样尝试

<div class="myClassName">
</div>
<script type="text/javascript" src="file.js">
</script>

file.js

$(document).ready(function(){
    $('.myClassName').html("<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>");
});

$（文档）.ready（函数（）{
$（'.myClassName'）.html（“一些文本”）；
});

您应该首先确保在加载file.js之前加载了jQuery。然后应该使用jQuery的函数设置div内部HTML

这是一个极简主义的例子：

<html>
<head></head>
<body>
<div class="myClassName">
</div>
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script>
(function()
{
    if (window['ImportFlag'] == undefined || window['ImportFlag'] == void 0) {
        var myScript = document.createElement('script');
        myScript.type = 'text/javascript';
        myScript.src = 'file.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(myScript, s);}
    window['ImportFlag'] = 1;
})();
</script>
</body>
</html>


（功能（）
{
如果（窗口['ImportFlag']==未定义| |窗口['ImportFlag']==无效0）{
var myScript=document.createElement（'script'）；
myScript.type='text/javascript'；
myScript.src='file.js'；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（myScript，s）；}
窗口['ImportFlag']=1；
})();

然后，file.js：

$(document).ready(function(){ 
    $(".myClassName").html("... <span>some text</span>"); 
});

$（文档）.ready（函数（）{
$（“.myClassName”）.html（“…一些文本”）；
});

您应该首先确保在加载file.js之前加载了jQuery。然后应该使用jQuery的函数设置div内部HTML

这是一个极简主义的例子：

<html>
<head></head>
<body>
<div class="myClassName">
</div>
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script>
(function()
{
    if (window['ImportFlag'] == undefined || window['ImportFlag'] == void 0) {
        var myScript = document.createElement('script');
        myScript.type = 'text/javascript';
        myScript.src = 'file.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(myScript, s);}
    window['ImportFlag'] = 1;
})();
</script>
</body>
</html>


（功能（）
{
如果（窗口['ImportFlag']==未定义| |窗口['ImportFlag']==无效0）{
var myScript=document.createElement（'script'）；
myScript.type='text/javascript'；
myScript.src='file.js'；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（myScript，s）；}
窗口['ImportFlag']=1；
})();

然后，file.js：

$(document).ready(function(){ 
    $(".myClassName").html("... <span>some text</span>"); 
});

$（文档）.ready（函数（）{
$（“.myClassName”）.html（“…一些文本”）；
});

应该在

文档

对象上调用，而不是在元素上调用。它调用一个DOM就绪处理程序，并可以使用以下语法（来自官方文档）调用：

$（文档）.ready（处理程序）

$（）.ready（处理程序）

（不建议这样做）

$（处理程序）

Matei Mihai和muthu在这里的回答向您展示了这在您的示例中是如何工作的。

应该在

文档

对象上调用，而不是在元素上调用。它调用一个DOM就绪处理程序，并可以使用以下语法（来自官方文档）调用：

$（文档）.ready（处理程序）

$（）.ready（处理程序）

（不建议这样做）

$（处理程序）

Matei Mihai和muthu在这里的回答向您展示了这个示例是如何工作的。

您有任何javascript错误吗？google chrome没有。我没有用其他浏览器测试过你有javascript错误吗？谷歌chrome没有。我没有用其他浏览器测试过Yet不要在

文档

周围加引号-这是一个对象引用，不是字符串。不要在

文档

周围加引号-这是一个对象引用，不是字符串。我没有发布整个file.js，但我正在itI中进行验证。我没有发布整个file.js，但我在里面做这个验证