这篇文章主要介绍了ASP.NET MVC中使用JavaScriptResult的用法,结合实例形式分析了采用javascript动态设置标签样式以及使用MVC中的JavaScriptResult来实现同样效果的相关技巧,需要的朋友可以参考下
本文实例讲述了ASP.NET MVC中使用JavaScriptResult的用法。分享给大家供大家参考,具体如下:
在页面中我们使用JavaScript来设置id为qubernet的span标签样式,具体代码如下:
JS:
<script> $(function () { var thisObj = document.getElementById("qubernet"); thisObj.setAttribute("style", "color:#f00;font-size:22px;"); }); </script>
Html:
<body> <span>qubernet span!!!</span> </body>
运行效果:
以上的效果我们也可以使用MVC中的JavaScriptResult来实现,具体如下:
控制器方法:
[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>qubernet span!!!</span> </body>
注:这里使用到了jQuery的ajax方法,当然需要引入jQuery库了,你懂得
更多关于asp.net相关内容感兴趣的读者可查看本站专题:《asp.net优化技巧总结》、《asp.net字符串操作技巧汇总》、《asp.net操作XML技巧总结》、《asp.net文件操作技巧汇总》、《asp.net ajax技巧总结专题》及《asp.net缓存操作技巧总结》。
希望本文所述对大家asp.net程序设计有所帮助。
您可能感兴趣的文章: