移动JS文件之前</body>标签Magento

我在我的网站上运行Magento 1.7，并试图将JS文件移动到我的页面底部。我跟着一个指南，让我加入到我的布局文件：移动JS文件之前</body>标签Magento

<reference name="before_body_end"> 
     <block type="page/html_head" name="foot" as="foot" after="-" template="page/html/foot.phtml"> 
      <action method="addJs"><script>lib/injectIn.js</script></action> 
     </block> 
</reference>

这下面移动我的网页的所有主要内容的JS文件，但还是有一些其他的东西比它低。我想知道是否有办法将JS文件移动到关闭</body>标记之前。

例如，我在我的布局文件块像这样，增加了以下我感动的JS文件块的东西：

<block type="page/html_footer" name="footer" as="footer" template="page/html/footer.phtml"> 
     <block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/> 
     <block type="page/template_links" name="footer_links" as="footer_links" template="page/template/links.phtml"/> 
</block>

下面是一些在Chrome的源代码，这是一个图片你可以看到放一些东西的JS文件如下：

来源

2016-07-06 MarksCode

可以调用JS的头部部分，因为这是称为身体标签之前。

使用<reference name="head">

来源

2016-07-07 06:36:58 Twinkal

-1

您可以使用JavaScript的appendChild函数以下列方式：

首先得到你想要追加到（在你的身体的情况下）的元素：

var elBody = document.getElementsByTagName("body");

下一页创建容器您要追加（在你的情况分度类HTML“主容器col1-布局容器“），并添加HTML你想要的：

var newEl = document.createElement('div'); 

newEl.className += " main-container col1-layout container"; 

newEl.innerHTML = '<script type="text/javascript" src="url/file1.js"></script>' + '<script type="text/javascript" src="url/file2.js"></script>'

最后一步追加父元素（素体）：

elBody.appendChild(newEl);

来源

2016-07-06 18:10:56

移动JS文件之前</body>标签Magento

回答

相关问题