码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET Core 中的脚本标记帮助程序

时间:2019-10-26 13:20:22      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:tco   net   comm   文件的   lib   str   tps   信息   失效   

官网地址:https://docs.microsoft.com/zh-cn/aspnet/core/mvc/views/tag-helpers/built-in/script-tag-helper?view=aspnetcore-3.0

标记帮助程序用于生成指向主要或回退脚本文件的链接。 通常主脚本文件位于内容分发网络 (CDN)。

CDN:

  • 提供多个性能优势,并使用 Web 应用托管资产。
  • 不应依赖作为资产的唯一来源。 CDN 并非始终可用,因此应使用可靠的回退。 通常,回退是托管 Web 应用的站点。

可以使用脚本标记帮助程序指定脚本文件的 CDN 以及回退文件(CDN 不可用时)。 脚本标记帮助程序借助本地宿主的可靠性提供 CDN 性能优势。

以下 Razor 标记显示使用 ASP.NET Core Web 应用模板创建的布局文件的 script 元素:

HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
        asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
        asp-fallback-test="window.jQuery"
        crossorigin="anonymous"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
</script>

以下内容类似于上述代码呈现的 HTML(非开发环境):

C#
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
        crossorigin="anonymous"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
</script>
<script>  (window.jQuery || document.write(
        "\u003Cscript src=\u0022\/lib\/jquery\/dist\/jquery.min.js\u0022 " +
        "crossorigin =\u0022anonymous\u0022 integrity =\u0022sha256 - " +
        "FgpCb\/KJQ32o\/NM<snip>u8=\u0022\u003E\u003C\/script\u003E"));
</script>


在上述代码中,脚本标记帮助程序生成了第二个脚本 (<script> (window.jQuery || document.write() 元素,该元素测试 window.jQuery。 如果找不到 window.jQuerydocument.write( 将运行并创建脚本

常用的脚本标记帮助程序属性

若要了解所有脚本标记帮助程序属性和方法,请参阅标记帮助程序

href

链接的资源的首选地址。 在任何情况下,均会将此地址传递到生成的 HTML。

asp-fallback-href

主 URL 失效后要回退到的 CSS 样式表的 URL。

asp-fallback-test-class

样式表中定义的用于回退测试的类名称。 有关详细信息,请参阅 FallbackTestClass

asp-fallback-test-property

用于回退测试的 CSS 属性名称。 有关详细信息,请参阅 FallbackTestProperty

asp-fallback-test-value

用于回退测试的 CSS 属性值。 有关详细信息,请参阅 FallbackTestValue

asp-fallback-test-value

用于回退测试的 CSS 属性值。 有关详细信息,请参阅FallbackTestValue

其他资源

ASP.NET Core 中的脚本标记帮助程序

标签:tco   net   comm   文件的   lib   str   tps   信息   失效   

原文地址:https://www.cnblogs.com/xbzhu/p/11742480.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!