這篇文章主要介紹了ASP.NET MVC中使用JavaScriptResult的用法,結(jié)合實(shí)例形式分析了采用javascript動(dòng)態(tài)設(shè)置標(biāo)簽樣式以及使用MVC中的JavaScriptResult來(lái)實(shí)現(xiàn)同樣效果的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了ASP.NET MVC中使用JavaScriptResult的用法。分享給大家供大家參考，具體如下：

在頁(yè)面中我們使用JavaScript來(lái)設(shè)置id為qubernet的span標(biāo)簽樣式，具體代碼如下：

JS：

<script>
    $(function () {
      var thisObj = document.getElementById("qubernet");
      thisObj.setAttribute("style", "color:#f00;font-size:22px;");
    });
</script>

Html：

<body>
  <span id="qubernet">qubernet span!!!</span>
</body>

運(yùn)行效果：

以上的效果我們也可以使用MVC中的JavaScriptResult來(lái)實(shí)現(xiàn)，具體如下：

控制器方法：

[HttpPost]
public JavaScriptResult GetJavaScriptResult()
{
  const string thisJs = "var thisObj = document.getElementById(\"qubernet\");thisObj.setAttribute(\"style\",\"color:#f00;font-size:22px;\");";
  return JavaScript(thisJs);
}

JS：

<script>
$(function () {
  $.ajax({
    type: "post",
    url: "/QuberManage/SysLogin/GetJavaScriptResult"
  });
});
</script>

Html：

<body>
  <span id="qubernet">qubernet span!!!</span>
</body>

注：這里使用到了jQuery的ajax方法，當(dāng)然需要引入jQuery庫(kù)了，你懂得

更多關(guān)于asp.net相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《asp.net優(yōu)化技巧總結(jié)》、《asp.net字符串操作技巧匯總》、《asp.net操作XML技巧總結(jié)》、《asp.net文件操作技巧匯總》、《asp.net ajax技巧總結(jié)專(zhuān)題》及《asp.net緩存操作技巧總結(jié)》。

希望本文所述對(duì)大家asp.net程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

基于NVelocity的幾種內(nèi)容生成方式匯總
這篇文章主要介紹了基于NVelocity的幾種內(nèi)容生成方式匯總的相關(guān)資料,需要的朋友可以參考下
2016-08-08
MVC、MVP和MVVM分別是什么_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
MVC，MVP 和 MVVM分別是什么？MVC（Model-View-Controller）是最常見(jiàn)的軟件架構(gòu)之一，業(yè)界有著廣泛應(yīng)用。它本身很容易理解，但是要講清楚，它與衍生的 MVP 和 MVVM 架構(gòu)的區(qū)別就不容易了。
2017-08-08
ASP.NET網(wǎng)站偽靜態(tài)下使用中文URL的方法
中文URL是在URL中直接使用漢字，它的好處是可以使用鏈接地址看起來(lái)非常直觀易懂，偽靜態(tài)的規(guī)則，是在web.config文件中定義的
2014-08-08
淺析DataBinder.Eval和Eval的區(qū)別
縮短的Eval語(yǔ)法與DataBinder.Eval的不同點(diǎn)在于，Eval會(huì)根據(jù)最近的容器對(duì)象（例如DataListItem）的DataItem屬性來(lái)自動(dòng)地解析字段，而DataBinder.Eval需要使用參數(shù)來(lái)指定容器
2013-08-08
DropDownList根據(jù)下拉項(xiàng)的Text文本序號(hào)排序
在某些時(shí)候表中沒(méi)有可以排序的字段同時(shí)呢也不想修改表結(jié)構(gòu)，但它的項(xiàng)文本有序號(hào)這時(shí)就可以用這方法排序，感興趣的你可以參考下，或許本文知識(shí)點(diǎn)對(duì)你有所幫助
2013-03-03
.net開(kāi)發(fā)人員常犯的錯(cuò)誤分析小結(jié)
我最新一直在和新手和入手級(jí)開(kāi)發(fā)人員打交道，我注意到一些開(kāi)發(fā)人員（甚至是老手）在粗心時(shí)常犯的錯(cuò)誤。這些錯(cuò)誤各不相同，從工具的使用到網(wǎng)絡(luò)服務(wù)的適當(dāng)應(yīng)用都有。以下是六個(gè)主要的開(kāi)發(fā)錯(cuò)誤。
2009-03-03
ASP.NET?Core?MVC中Form?Tag?Helpers用法介紹
這篇文章介紹了ASP.NET?Core?MVC中Form?Tag?Helpers的用法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-02-02
.Net集合排序的一種高級(jí)玩法實(shí)例教程
這篇文章主要給大家介紹了關(guān)于.Net集合排序的一種高級(jí)玩法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-05-05
.Net Core簡(jiǎn)單使用Mvc內(nèi)置的Ioc
這篇文章主要為大家詳細(xì)介紹了.Net Core簡(jiǎn)單使用Mvc內(nèi)置的Ioc，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-03-03
ASP.NET Core MVC壓縮樣式、腳本詳解
這篇文章主要介紹了ASP.NET Core MVC壓縮樣式、腳本詳解的相關(guān)資料,需要的朋友可以參考下
2017-02-02