Jade:如何包含javascript文件

时间:2013-01-15 23:22:18

标签: express pug

我需要在网页中加入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>

怎么做?

4 个答案:

答案 0 :(得分:84)

将它放在您的玉器文件中:

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

答案 1 :(得分:8)

您可以将此代码放入您的jade文件中:

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

答案 2 :(得分:6)

另外,如果您想在jade文件中包含内联j,您也可以执行以下操作:

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

答案 3 :(得分:1)

为jade文件添加脚本的语法是

script(src="",...,otherAttribute="")

如下所示,将Jquery Bootstraps添加到页面中。

  script( src="https://code.jquery.com/jquery-3.2.1.slim.min.js",  integrity="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="anonymous")

  script( src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" ,integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl", crossorigin="anonymous")