how to add script src inside a View when using Layout

前端 未结 3 947
清酒与你
清酒与你 2020-12-04 07:19

I want to include a javascript reference like:




        
相关标签:
3条回答
  • 2020-12-04 08:06

    Depending how you want to implement it (if there was a specific location you wanted the scripts) you could implement a @section within your _Layout which would enable you to add additional scripts from the view itself, while still retaining structure. e.g.

    _Layout

    <!DOCTYPE html>
    <html>
      <head>
        <title>...</title>
        <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
        @RenderSection("Scripts",false/*required*/)
      </head>
      <body>
        @RenderBody()
      </body>
    </html>
    

    View

    @model MyNamespace.ViewModels.WhateverViewModel
    @section Scripts
    {
      <script src="@Url.Content("~/Scripts/jqueryFoo.js")"></script>
    }
    

    Otherwise, what you have is fine. If you don't mind it being "inline" with the view that was output, you can place the <script> declaration within the view.

    0 讨论(0)
  • 2020-12-04 08:16

    If you are using Razor view engine then edit the _Layout.cshtml file. Move the @Scripts.Render("~/bundles/jquery") present in footer to the header section and write the javascript / jquery code as you want:

    @Scripts.Render("~/bundles/jquery")
    <script type="text/javascript">
        $(document).ready(function () {
            var divLength = $('div').length;
            alert(divLength);
        });
    </script>
    
    0 讨论(0)
  • 2020-12-04 08:20

    You can add the script tags like how we use in the asp.net while doing client side validations like below.

    @{
        ViewBag.Title = "Index";
    }
    
    <h2>Index</h2>
    <script type="text/javascript" src="~/Scripts/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
           //Your code
        });
    </script>
    
    0 讨论(0)
提交回复
热议问题