JavaScript中的子程序

时间:2017-03-17 16:10:16

标签: javascript

在VBA中,您可以通过创建Sub并在代码中调用它来定义可重用的块代码。我知道你不能用相同的技术在JavaScript中做到这一点,但显然必须有办法做到这一点。我知道你可以使用函数,但老实说,我无法做出正面或反面。我想在我的程序中多次调用以下代码,如何在JavaScript中实现?

$("select[title='Mon']").prop("disabled", true);
$("input[title='M1Sent']").prop("disabled", true);
$("input[title='HotelCheckIn']").prop("disabled", true);
$("input[title='HotelCheckOut']").prop("disabled", true);
$("textarea[title='Diet']").prop("disabled", true); 

由于

3 个答案:

答案 0 :(得分:1)

首先,您创建一个函数:

function myFunction() {
    //what you want executed goes here
}

然后你把你想要的东西放在那个功能中:

function myFunction() {
    $("select[title='Mon']").prop("disabled", true);
    $("input[title='M1Sent']").prop("disabled", true);
    $("input[title='HotelCheckIn']").prop("disabled", true);
    $("input[title='HotelCheckOut']").prop("disabled", true);
    $("textarea[title='Diet']").prop("disabled", true);
}

要打电话,你只需输入myFunction();,你可以多次输入。{/ p>

或者,如果您希望它反复重复,您可以将myFunction弹出到setInterval(myFunction, milliseconds)或将其绑定到html元素中的某个事件,例如<input type="submit" onsubmit="myFunction();"> ... </input>

答案 1 :(得分:0)

首先定义函数:

function doThings() {
    $("select[title='Mon']").prop("disabled", true);
    $("input[title='M1Sent']").prop("disabled", true);
    $("input[title='HotelCheckIn']").prop("disabled", true);
    $("input[title='HotelCheckOut']").prop("disabled", true);
    $("textarea[title='Diet']").prop("disabled", true); 
}

您现在可以像这样重复调用此函数:

doThings();

答案 2 :(得分:0)

1 - 如果您愿意,请将您的代码段放在单独的javascript文件中 2 - 请确保在您要使用它的任何其他子代码之前加载它 3 - jquery是一个依赖项,所以你的脚本需要在jquery之后包含

var usable = function() {
        var myFunction = function() {
            $("select[title='Mon']").prop("disabled", true);
            $("input[title='M1Sent']").prop("disabled", true);
            $("input[title='HotelCheckIn']").prop("disabled", true);
            $("input[title='HotelCheckOut']").prop("disabled", true);
            $("textarea[title='Diet']").prop("disabled", true);
        }
        return {
            myFunction: myFunction
        };
    }();

你可以添加任何可重复使用的功能,然后像这样调用它:

usable.myFunction()

并将其包含在html中的普通javascript文件中。