点击C#MVC调用javascript函数

如何在单击时从外部JS文件调用函数

JS文件位于/Content/JS/pj_no.JS

function alertMe(){
    alert("me");
}

C#

---

您可以先在App_Start>BundleConfig.cs的

RegisterBundles

bundles.Add(new ScriptBundle("~/bundles/pj_no").Include(
                        "~/Content/js/pj_no.js"));

然后您可以在视图中调用它：

@Scripts.Render("~/bundles/pj_no")
<input value="親コード新規登録" type="button" onclick="alertMe()" />

@Scripts.Render（“~/bundles/pj_no”）

只需将外部js函数放在脚本文件夹中即可

然后简单地调用include-on-view

@Scripts.Render("~/Scripts/pj_no.js")

然后简单地调用onclick上的函数

<input value="親コード新規登録" type="button" onclick="alertMe()" />

---

试试下面的代码，它会工作的

window.alertMe = function(){ //can call this function
    alert("me");
}

您的代码无法工作，因为您的函数已添加到

$.ready

函数的本地范围。通过使用

window.alertMe

您的函数将被添加到全局范围，即使它位于

$.ready

方法中

$(document).ready(function (
  alert("me"); -- This is working,

  // NOTE: Following becomes local function. and will not work
  function alertMe(){ //cant call this function 
      alert("me");
  }
)});

你需要让它成为全球性的，以获得呼叫。请在文档准备功能的外侧声明它

$(document).ready(function (
  alert("me"); -- This is working,

)});
  // NOTE: Following will work 
  function alertMe(){ 
      alert("me");
  }

---

它现在正以这种方式工作

在MVC中，我们很少在输入元素上使用onclick事件，通常使用jQuery，如下所示：

$("#elementname").click(function () {
 alertMe(); 
});
<input value="親コード新規登録" type="button" id="elementname" />. 

$（“#元素名称”）。单击（函数（）{
alertMe（）；
});
. 

---

–Tetsuya Yamamoto

是否检查了javascript文件是否已加载？您可以使用浏览器中的开发人员工具进行检查。e、 g按F12是，它已加载。我在同一个文件$（document）.ready（函数（alert（“me”）；--这正在工作，函数alertMe（）{//无法调用此函数alert（“me”）；}）中运行相同的脚本；你看到你的

pj_no.js

了吗？是的。同样，在document.ready中，警报已在运行，功能未运行。我编辑了问题：）你打电话到哪里？在C#视图中？已在文件夹中添加捆绑包。JS文件已经被调用了，我只是不能调用函数让我知道是否有任何查询

$(document).ready(function (
  alert("me"); -- This is working,

)});
  // NOTE: Following will work 
  function alertMe(){ 
      alert("me");
  }

$("#elementname").click(function () {
 alertMe(); 
});
<input value="親コード新規登録" type="button" id="elementname" />.