如何将此java脚本函数放置在外部文件中以供用户控制

本文关键字：文件 外部 控制 用户 java 脚本 函数 | 更新日期: 2023-09-27 18:09:11

我有一个名为header.aspx的用户控件。在我的用户控件中，如果我这样做，它就会工作。

<script type="text/javascript">
    function greeting(){
        Alert("hi");
    }
</script>
 <asp:button id="button1" OnClientClick="greeting" /> </asp:button>

我在一个名为default.aspx的页面中使用了这个用户控件。我尝试使用src="~scripts/foo.js"。如果我这样做，它就不起作用。我想这个问题很简单。我该如何调用存储在外部位置(不在页面中。位于脚本文件夹中(的用户控件中的java脚本函数。提前谢谢。

如何将此java脚本函数放置在外部文件中以供用户控制

据我所知，这显然是一个路径问题。按照以下步骤操作可能会对您有所帮助。

  1. 首先创建一个.js文件。把你的代码保存到你想要的文件夹中
  2. 现在，将js文件从SolutionExplorer窗口拖放到html代码的头部。这将为您提供js文件的正确路径

当我为控件创建一个外部js文件时，我会遵循上面的步骤。

还要确保你以其他人建议的方式调用你的函数，否则你的函数不会被调用：

<asp:button id="button1" OnClientClick="greeting();" /> </asp:button>

只需使用以下代码：

<script src="<%: ResolveUrl("~/Scripts/foo.js") %>"></script>

脚本：test.js

    function greeting() {
    alert("hi");
    return false;
}

用户控制：<asp:Button ID="button1" OnClientClick="return greeting()" runat="server" Text="click" />

页码：

    <head runat="server">
    <title></title>
    <script src="test.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:temp ID="temp" runat="server" />
    </div>
    </form>
</body>
</html>

现在应该可以了。

 <asp:button id="button1" OnClick=" javascript : greeting();" /> </asp:button>

试着用吧。没试过，但我认为它应该有用。

首先，您需要创建一个seprate javascript文件，然后以这种方式将其添加到页面中。将此标记添加到页面的标记中。

使用

OnClientClick="greeting()"

您错过了OnClientClick="问候"中的"((">

请查看整个html代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="scripts/foo.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:button id="button1" runat="server" OnClientClick="greeting()" Text="hit" />
    </div>
    </form>
</body>
</html>

谢谢。

外部javascript文件引用：

<script src="yourpath/yourfilename.js"></script>

按钮控制

<asp:Button ID="button1" OnClientClick="greeting();" runat="server" Text="click" />
相关文章：