如何在头部注入脚本代码?

时间:2017-03-23 19:24:02

标签: laravel laravel-5.4

我有个人资料用户页面Read,我应该在那里推送Google地图。 此模板如下所示:

index.blade.php

因此,当呈现页面时,我得到了out:

@extends('users.index')

@section('content')
   <script>Google scripts</script>
@endsection

因此,当我在onlne上进行HTML验证时,我会收到错误,您无法在正文中使用 <html> <head></head> <body> <script>Google scripts</script> </body> </html> 。它应该在HEAD中。

Laravel有办法做到这一点吗? 我不想在每个页面上加载Google脚本。

1 个答案:

答案 0 :(得分:0)

在索引页面中创建脚本以检查页面URL,如果匹配请求的URL,则在页面中加载脚本,如下所示

<script>
    const RequestedUrl = window.document.URL;
    function injectScript ( myScriptURL ) {
       let script = document.createElement("script")
       script.type = "text/javascript";
       script.src = myScriptURL;
       document.getElementsByTagName("head")[0].appendChild(script);
    }

    if(RequestedUrl === 'http://your.URL') { // or RequestedUrl.includes('/cats') for ex.
       injectScript(//jquery script URL//);
       injectScript(//google script URL//);
    }
</script>

如果它依赖于jquery或任何确保在谷歌脚本

之前加载它相同的方式

learn more