如何在ASP MVC视图的C# foreach循环中调用JS函数为href赋值？

你当前的写法存在核心问题：ASP.NET MVC视图是服务器端渲染的，服务器解析cshtml生成HTML时，客户端JavaScript还未执行，直接把JavascriptFunction(item.toString())写在href里，最终HTML的href会是这个字符串本身，而非函数返回值。以下是两种可行的实现方案：

方案一：将JS逻辑迁移到C#端（推荐，最直接） #

你的JS函数仅做字符串格式化处理，完全可以用C#实现相同逻辑，直接在服务器端生成href值，渲染后的HTML直接是最终链接地址，无需客户端额外处理。

@foreach (var item in Model.items)
{
    // 实现与JS函数一致的字符串处理逻辑
    var originalStr = item.ToString();
    if (string.IsNullOrEmpty(originalStr))
    {
        <a href="#" class="solutions-grid__card">Title</a>
        continue;
    }
    var formattedStr = char.ToLowerInvariant(originalStr[0]) + 
        new string(originalStr.Skip(1).Select(c => char.ToUpperInvariant(c)).ToArray())
        .Replace(" ", "");
    
    <a href="@formattedStr" class="solutions-grid__card">
        Title
    </a>
}

这段C#代码和你的JS函数逻辑完全匹配：首字母小写、其余单词首字母大写，再去除所有空格，服务器直接生成正确的href值。

方案二：客户端页面加载后动态设置href #

如果JS逻辑无法迁移到服务器端（比如依赖客户端环境数据），可以先给a标签标记原始值，待页面加载完成后用JS遍历设置href：

第一步：修改cshtml，添加自定义属性存储原始值 #

@foreach (var item in Model.items)
{
    <a href="#" data-original="@item.ToString()" class="solutions-grid__card">
        Title
    </a>
}

用data-original属性存储item的原始字符串，href先设为占位符#。

第二步：页面加载后用JS遍历赋值 #

document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('.solutions-grid__card');
    links.forEach(link => {
        const originalStr = link.getAttribute('data-original');
        const formattedStr = JavascriptFunction(originalStr);
        link.href = formattedStr;
    });
});

function JavascriptFunction(str) {
    // 建议移除alert，避免页面加载时弹出大量提示
    // alert(str);
    return str.replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => {
        return index === 0 ? word.toLowerCase() : word.toUpperCase();
    }).replace(/\s+/g, '');
}

页面加载完成后，遍历目标a标签，取出原始字符串调用JS函数格式化，再设置为href。

内容的提问来源于stack exchange，提问作者Kumar