laravel 如何 link 外部 javascript 文件
laravel how to link external javascript files
我的 js 资源在此文件夹中:
---public
---js
这是我的 html 文件:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> My Ebay Script</title>
<script type="text/javascript" src="/public/js/callrequest.js" />
</script>
</head>
<body>
<h1>My website</h1>
</body>
</html>
但它不加载 javascript 文件...为什么?
它采用相对路径,因此每次要更改域名时,最好使用 Laravel`s HTML class 或 asset() 来加载 css和javascript文件直接指向public目录所以不用写public。
使用Blade语法
在 Laravel 4 中你可以使用 HTML class,它默认包含在 Laravel 框架包中:
Javascript:
{{ HTML::script('js/callrequest.js') }}
Stylesheet:
{{ HTML::style('css/style.css') }}
没有blade你可以link到资产
使用资产()
<script type="text/javascript" src="<?php echo asset('js/callrequest.js')?>" />
参考 laravel 的这个 urls 辅助函数了解更多细节
http://laravel.com/docs/4.2/helpers#urls
你可以通过这种方式做到这一点..我在 public 文件夹中创建了一个名为 'assets' 的文件夹,然后我只使用 asset() 函数并调用我的 CSS 和 JS文件。
顺便说一句:这是给 Laravel-5
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.css')}}>
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}"><script src="{{asset('assets/js/jquery-1.11.3.min.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.min.js')}}></script>
我的 js 资源在此文件夹中:
---public ---js
这是我的 html 文件:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> My Ebay Script</title>
<script type="text/javascript" src="/public/js/callrequest.js" />
</script>
</head>
<body>
<h1>My website</h1>
</body>
</html>
但它不加载 javascript 文件...为什么?
它采用相对路径,因此每次要更改域名时,最好使用 Laravel`s HTML class 或 asset() 来加载 css和javascript文件直接指向public目录所以不用写public。
使用Blade语法
在 Laravel 4 中你可以使用 HTML class,它默认包含在 Laravel 框架包中:
Javascript:
{{ HTML::script('js/callrequest.js') }}
Stylesheet:
{{ HTML::style('css/style.css') }}
没有blade你可以link到资产
使用资产()
<script type="text/javascript" src="<?php echo asset('js/callrequest.js')?>" />
参考 laravel 的这个 urls 辅助函数了解更多细节 http://laravel.com/docs/4.2/helpers#urls
你可以通过这种方式做到这一点..我在 public 文件夹中创建了一个名为 'assets' 的文件夹,然后我只使用 asset() 函数并调用我的 CSS 和 JS文件。
顺便说一句:这是给 Laravel-5
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.css')}}>
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}"><script src="{{asset('assets/js/jquery-1.11.3.min.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.min.js')}}></script>