MVC查看jQuery JavaScript

发布于 2025-02-13 04:33:51 字数 412 浏览 0 评论 0原文

如何在CSHTML视图中从Razor标记中调用JavaScript函数？基本上，我想执行类似的操作（无效）：

页面上包含的JavaScript文件具有这样的方法：

<script type="text/javascript">
function doesThisWork() {
return true;
}
</script>

视图的代码块与以下类似：

<div>
@if(doesThisWork()) {
<span> this DOES work!!! </span>
}
else
{
<span> this does NOT work!!! </span>
}
</div>

原文

How do I call a javascript function from within razor markup in a cshtml view? Basically I want to do something like this (which doesnt work):

Javascript file being included on the page has a method like this:

<script type="text/javascript">
function doesThisWork() {
return true;
}
</script>

View has code block similar to this:

<div>
@if(doesThisWork()) {
<span> this DOES work!!! </span>
}
else
{
<span> this does NOT work!!! </span>
}
</div>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光瘦了 2025-02-20 04:33:51

您无法在服务器端调用JavaScript函数，但可以按照以下代码来实现。

html：

//Declare a div where you want display html
<div id="bindHtml"></div>

脚本：

<script type="text/javascript">

  //On pageload call function and display Html based on your function return.
   $(document).ready(function(){
      let htmlContent = "";
       if(doesThisWork()){
          htmlContent = "<span> this DOES work!!! </span>";
       }else{
          htmlContent = "<span> this does NOT work!!! </span>";
       }
       //Bind Html to declared div in the Html
       $("#bindHtml").append(htmlContent);
    });

    function doesThisWork() {
       return true;
    }
</script>

You cannot call the javascript function on the server side but it can be achieved as below code.

Html:

//Declare a div where you want display html
<div id="bindHtml"></div>

Script:

<script type="text/javascript">

  //On pageload call function and display Html based on your function return.
   $(document).ready(function(){
      let htmlContent = "";
       if(doesThisWork()){
          htmlContent = "<span> this DOES work!!! </span>";
       }else{
          htmlContent = "<span> this does NOT work!!! </span>";
       }
       //Bind Html to declared div in the Html
       $("#bindHtml").append(htmlContent);
    });

    function doesThisWork() {
       return true;
    }
</script>

回复收藏 0 原文

~没有更多了~