仅对特定的div执行脚本

时间:2018-09-28 12:34:58

标签: javascript html iframe

到目前为止,我们正在使用iframe加载HTML和脚本以向用户显示表单。

现在,我们想从Iframe转到DIV,但是这里我们遇到了脚本问题。

因为iframe负责将加载的脚本应用于唯一的iframe,但是div脚本将被加载到整个HTMLDocument中。

是否有任何方法可以将加载的脚本仅应用于特定的DIV?

谢谢。

1 个答案:

答案 0 :(得分:0)

首先,在此之后将<iframe></frame>更改为<div></div>,您可以通过这种方式为CSS(到特定的div):

#projectName{
style:value;
}

#divAnnounce{

}

如果您使用#,则#定位具有ID的事物。在定位类名之前,

如果需要获取具体信息,例如,

#idname.classname{

}

如果div公告中有另一个div,则可以这样做

#divAnnounce #yournewdiv{

}

OR

#divAnnounce div{

}

OR

#newdivid{

}

请注意两个目标之间的空间,说它们是父母和孩子。

对于您的JavaScript,我不知道您使用的是普通javascript还是jQuery

如果是jQuery,则可以使用jQuery noconflict。创建单独的别名以使用jQuery例如div1和div2

简单示例:

    <script>
        var div1Alias = $.noConflict();
        var div2Alias = div1Alias.noConflict();
        jQuery(document).ready(function(){
             alert(div1Alias( "#div1" ).html());
             alert(div2Alias( "#div2" ).html());
        });
    </script>

尝试在您的代码中进行此更改,让我知道是否有帮助:)