2013-01-15 82 views
43

我需要包含一個JavaScript文件到網頁。我寫了以下內容:Jade:如何包含一個JavaScript文件

include /../scripts/jquery.timeago.js 

,但我得到

<script>/* 
* timeago: a jQuery plugin, version: 0.8.2 (2010-02-16) 
* @requires jQuery v1.2.3 or later 
* 
* Timeago is a jQuery plugin that makes it easy to support automatically 
* updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). 
* 
* For usage and examples, visit: 
* http://timeago.yarp.com/ 
* 
* Licensed under the MIT: 
* http://www.opensource.org/licenses/mit-license.php 
* 
* Copyright (c) 2008-2010, Ryan McGeary (ryanonjavascript -[at]- mcgeary [*dot*] org) 
*/ 
(function($) { 
.... 
</script> 

的結果。但我需要:

<script src="/Scripts/jquery.timeago.js" type="text/javascript"></script> 

如何做到這一點?

+0

['includes'](https://pugjs.org/language/includes.html)用於將一個帕格文件的內容包含到另一個帕格文件中。 '腳本'是你正在尋找的。 – TheCrazyProgrammer

回答

73

將這個在玉文件:

script(src="/Scripts/jquery.timeago.js")

+21

不要忘記將它放在''標籤的末尾,而不要放在''中,以使頁面加載速度更快 –

8

你可以把這段代碼在你的玉文件:

script(type='text/javascript' src='public/vendor/jquery/jquery.min.js') 
4

另外,如果你想包括您的玉石中內嵌的js你也可以執行以下操作:

script(type="text/javascript"). 
console.log('hello world'); 
1

添加腳本的語法您玉文件是

腳本(SRC = 「」,......,otherAttribute = 「」)

例如像下面的一個,增加了Jquery的白手起家到頁面。

` 腳本(SRC = 「https://code.jquery.com/jquery-3.2.1.slim.min.js」,完整性= 「SHA384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/RE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN」,crossorigin = 「anonymous」)

script(src =「https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js」,integrity =「sha384-ApNbgh9B + Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q 「crossorigin = 」匿名「)

腳本(SRC = 」https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js「,完整性=」 SHA384 -JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5 + 76PVCmYl「,crossorigin =」anonymous「)

`

+0

僅發佈代碼有點粗魯,並不很有幫助。你介意解釋一下嗎?並可以添加一個鏈接到文檔? – nicolallias

+0

很抱歉,我只是着急, 語法在玉 腳本添加腳本(SRC =「」,......,otherAttribute =「」) 並且可以添加任何地方在HTML頁面中, 但上面的代碼只是添加Jquery引導程序的一種快速方法,並且最好在關閉body標籤之前添加它。 –

相關問題