laravel加载javascript库

一篇文章:

Generating a Link to a Javascript File

Problem

You want your Blade template to load an external javascript file.

Instead of using <script ...> directly, you want to do this with the HTML facade.

Solution

Use the HTML::script() method.

Just pass the path to the javascript file.

{{ HTML::script(‘js/functions.js‘) }}

This produces the following HTML code.

<script src="http://your.url/js/functions.js"></script>

If the file path you pass isn‘t a complete URL, Laravel will use your application‘s URL to build a complete URL.

You can pass additional attributes in an array as the second argument.

{{ HTML::script(‘js/functions.js‘, array(‘async‘ => ‘async‘)) }}

The attributes will be added to the script tag as the result below illustrates.

<script async="async" src="http://your.url/js/functions.js"></script>

Discussion

The type attribute of <script> tags is optional with HTML5.

But if your web page is still HTML 4.01, you should add the "type" => "text/javascript" to the attributes you pass this method.

转自:http://laravel-recipes.com/recipes/183

写在前面的话:

1.前提是需要使用blade模板引擎

2.css js image 文件夹建在laravel 的 public 目录下面

3.生成的路径默认都是相对路径

A: 加载css文件 (用下面的格式把正常的link替换掉)

{{ HTML::style(‘css/custom.css‘) }}

在页面里生成的样子如下

<link media="all" type="text/css" rel="stylesheet" href="http://local.lv.com/css/custom.css">

B: 加载js文件 (用下面的格式把正常的script替换掉)

{{ HTML::script(‘js/custom.js‘) }}

在页面里生成的样子如下

<script src="http://local.lv.com/js/custom.js"></script>

C: 页面里加图片(同样去掉img标签)

{{HTML::image(‘images/hot_1.gif‘)}}

生成的样子

<img src="http://local.lv.com/images/c_4.gif">

如果想自定义img的话(加入alt或是title之类的属性),那就什么都不用改,直接使用<img src="images/c_4.gif" /> 就可以了,前提是需要配置apache,把DocumentRoot 直接设置到public目录下,因为使用的都是相对路径.

转自:http://www.cnblogs.com/debmzhang/p/3500429.html

时间: 2024-10-24 00:37:45

laravel加载javascript库的相关文章

探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密

原文:探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox: 下面是chrome: 在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问百度首页的情景. 在firefox的请求瀑布图里有个表现非常之明显:就是javascript文件下载完毕后,有一段时间是没有网络请求被处理的,这段时间过后http请求才会接着执行,这段空闲时间就是所谓的http请求被阻塞

动态加载JavaScript

动态加载JavaScript减少不必要的文件加载,提高网页浏览速度 <!DOCTYPE html> <html><meta charset='utf8'><body> <input type='button' value='动态加载JavaScript' onclick='loadJS()'> </body><script> var htmlcollection=document.getElementsByTagName(

两种动态加载JavaScript文件的方法

两种动态加载JavaScript文件的方法 第一种便是利用ajax方式,第二种是,动静创建一个script标签,配置其src属性,经过把script标签拔出到页面head来加载js,感乐趣的网友可以看下 动态加载script到页面大约有俩方法 第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval()实施代码.第二种是,动静创建一个script标签,配置其src属性,经过把script标签插入到页面head来加载js,相当于正在head中写了一个<sc

【转载】cocos2dx 中 Android NDK 加载动态库的问题

原文地址:http://blog.csdn.net/sozell/article/details/10551309 cocos2dx 中 Android NDK 加载动态库的问题 闲聊 最近在接入各个平台的SDK,遇到了不少问题,也从中了解了不少知识,之前一直觉得没啥好写的,毕竟做了4个月的游戏开发,也没有碰上什么真正的大问题,cocos2dx的引擎包得也很好,能让人把大部分时间都关注在游戏逻辑.效果的处理上,当然,之前的libevent还是小坑一下,但是和后来遇到的相比,也算不上什么了. 我最

Ubuntu linux设置从当前目录下加载动态库so文件

linux的excutable在执行的时候缺省是先搜索/lib和/usr/lib这两个目录,然后按照ld.so.conf里面的配置搜索绝对路径,linux缺省是不会在当前目录搜索动态库的.windows加载动态库的时候,缺省是首先加载本地目录下的动态库,然后再搜索windows/system和windows/system32目录. windows的动态库搜索顺序,虽然有可能会造成潜在的混乱,但是对于开发和测试无疑是比较方便的,尤其是debug和release版本的动态库需要经常切换进行测试的时候

动态加载javascript增强版

我们经常使用动态加载Javascript,写个函数很容易现实,之前也写过一个函数,不过当加载多个JS时,只能根据浏览器返回的顺序来先后加载,这肯定不是我们想要的,现在使用了一下技巧,当加载多个JS时,能按照我们的顺序加载: Js代码   /* Name:动态加载JS Author:kingwell Leng Date : 2013/4/21 E-mail: jinhua.leng##gmail.com */ function getScript(obj, callback) { var arr 

crm动态加载js库

function load_script(url) { var xmlHTTPRequest; if (window.ActiveXObject) { xmlHTTPRequest = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHTTPRequest = new XMLHttpRequest(); } else { xmlHTTPRequest = new ActiveX

Android-Universal-Image-Loader (图片异步加载缓存库)对Bitmap的优化处理

转载请注明出处:http://blog.csdn.net/u011733020 前言: 前面两篇分别介绍了: Android-Universal-Image-Loader (图片异步加载缓存库)的使用配置 Android-Universal-Image-Loader (图片异步加载缓存库)的源码解读 通过前两篇,我们了解了 UIL的使用配置,UIL将服务器上的一张图片保存到本地,加载到内存的过程,以及UIL对DiscCache和MemoryCache的策略,但是还有一部分比较重要,因为它是我们的

C++ ACE 动态加载链接库

添加头文件 #include <ace/DLL.h> #include <ace/DLL_Manager.h> 定义函数接口 typedef long (*PFN_TEST)(const char* szName); PFN_TEST g_pfnTest = NULL; 加载动态库(dll/so) ACE_TCHAR szDName[128] = { 0 }; strncpy(szDName, D_NAME, 128); ACE_DLL m_hD; int nRet = m_hD.