Question

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

我试图像这样做，但没有成功......

flie.js：

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

我正在使用此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>

Answer 1

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

Answer 2

您可以尝试这样

<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>");
});

Answer 3

你应该在加载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>

然后，file.js：

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

Answer 4

应在document对象上调用jQuery ready() function，而不是在元素上调用{{3}}。它唤起了一个支持DOM的处理程序，可以使用以下语法（来自官方文档）调用：

$(document).ready(handler)

$().ready(handler) （不建议这样做）

$(handler)

Matei Mihai和muthu在这里的答案向您展示了这对您的榜样有何用处。

将html添加到没有id的div中

4 个答案: