移動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

回答

相關問題