我想在页面中插入一些HTML代码,我插入的代码不应该受到该页面的CSS和JS的影响,它应该加载自己的CSS和JS。
示例代码:
<div class="body">
<p>Example Content </p>
<p>Sample Content 2 </p>
<div class="special-div">
<p> No CSS and JS to be applied to this div 'special-div', it sh
我正在构建一个单独的页面应用程序( SPA ),但是我不得不在我的SPA的不同部分处理JavaScript文件。
在我的SPA中,我使用jQuery的方法动态加载页面。我遇到的问题是,有些页面需要相互依赖的多个JavaScript文件,因此在获取页面并插入DOM之后,我必须按顺序顺序导入它们。为了澄清,我所说的依赖于页面的JS文件的含义是,它们包含代码,比如按Id选择元素,将它们绑定到页面上。
为了按顺序导入这些脚本,我使用了延迟属性,如下所示:
file.html
<!-- Contents of this file that will be dynamically loaded in
要在您的网站上添加Google的plusone按钮,需要插入以下脚本标记(用于显式加载)。
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{"parsetags": "explicit"}
</script>
它在HTML中看起来非常简单。但是,我不想使用JS文件插入脚本。因此,我使用以下代码:
var e = document.createElement('script');
e.