C# MVC中局部視圖中引用JS或CSS疑問。

asp.net

vij78328 2018-03-08 10:34:19 ‧ 17982 瀏覽

分享至

在寫局部View時，我看到有些同事代碼風格如下：

@section header{  
  ...  
｝  
@section scripts{  
..  
}

而有些就直接

<script type="text/javascript">  
...  
</script>

我總覺得 @section scripts 這種寫法肯定有什麼優勢，要不然沒必要這樣設計，請問各位大大原因，非常感謝。

窮嘶發發發 iT邦高手 1 級 ‧ 2018-03-08 10:38:35 檢舉

http://www.cnblogs.com/willick/p/3410855.html 關於 @section 看一下它的應用觀念

vij78328 iT邦新手 5 級 ‧ 2018-03-08 11:20:25 檢舉

謝謝你

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

暐翰

iT邦大師 1 級 ‧ 2018-03-08 11:08:42

最佳解答

核心概念:
RenderSection跟section配合layout
主要目的在 "布局"

舉例:
index.cshtml layout使用_Layout.cshtml
index.cshtml內容:

<script>
    console.log($(".class"));
</script>>
@section Script{
    <script>
        console.log($(".class"));
    </script>>
}

_Layout.cshtml內容:

...
<body>
...
        <script src="~/Scripts/jquery-1.10.2.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        @RenderSection("Script", required: false)
</body>

這時候運行會發現明明都是"console.log($(".class"))"(圖2,3)，
為什麼沒包在Script section的console(圖2)會錯誤

因為"先後順序問題"
前者還沒有使用jquery.js，而後者使用section可以讓我們自由的決定要把網頁內容放在Layout任意位置

不只css、js，其他html擺設也可以應用這原理
達到靈活應用 :)

回應 1
分享
檢舉

vij78328 iT邦新手 5 級 ‧ 2018-03-08 11:20:13 檢舉

thx!

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙