在onclick和getvalue之后执行javascript脚本_Javascript

在onclick和getvalue之后执行javascript脚本

javascript

在onclick和getvalue之后执行javascript脚本,javascript,Javascript,我想在我的代码中修改一些东西，但我真的不知道如何使它工作。。。我的代码有点大，所以我将用一个例子来解释我想要什么： <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="stylesheets/application.css"> </head> <b

我想在我的代码中修改一些东西，但我真的不知道如何使它工作。。。我的代码有点大，所以我将用一个例子来解释我想要什么：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="stylesheets/application.css">


    </head>

    <body>
      <label>Enter value : </label><input type="text" maxlength="512" id="reg_expr"/>
      <div id="button">OK</div>
        <div id="nfa"></div>

        <script src="script1.js"></script>
        <script src="script2.js"></script>
        <script src="script3.js"></script>

    </body>
</html>


输入值：
好啊

这是我的HTML代码，所以我要做的是，在用户在文本输入中输入一个值并单击OK之前，不要执行这3个脚本。该值将在js文件中使用，因此我必须在单击“确定”后获取该值

有人能解释一下这是怎么回事吗

编辑：问题在于jQuery没有在Electron上执行，解决方案：

对于初学者，我建议更改<代码>正常至

正常

然后，我建议将这些脚本放到函数中，然后您可以使用按钮属性中的“onClick”事件，如下所示

<button id="button" onClick="s1Func();s2Func();s3Func();">OK</button>

OK

更好的方法是使用一个函数调用'init'或其他合适的函数，然后调用3个脚本/函数，并让您的按钮单击甚至调用该初始化函数

JSFIDLE示例：

首先，我建议改变<代码>正常至

正常

然后，我建议将这些脚本放到函数中，然后您可以使用按钮属性中的“onClick”事件，如下所示

<button id="button" onClick="s1Func();s2Func();s3Func();">OK</button>

OK

更好的方法是使用一个函数调用'init'或其他合适的函数，然后调用3个脚本/函数，并让您的按钮单击甚至调用该初始化函数

JSFIDLE示例：

我建议您在单击按钮后动态加载脚本。这可以通过jQuery完成：


NFA2DFA
输入值：
好啊
函数loadScripts（）{
//输入是空的吗？
var值=$（“#reg_expr”）.val（）；
如果（value.length！=0）{
//加载并执行脚本
console.log（value）；//显示输入字段的值
$.getScript（“script1.js”）；
$.getScript（“script2.js”）；
$.getScript（“script3.js”）；
}
}

我建议您在单击按钮后动态加载脚本。这可以通过jQuery完成：


NFA2DFA
输入值：
好啊
函数loadScripts（）{
//输入是空的吗？
var值=$（“#reg_expr”）.val（）；
如果（value.length！=0）{
//加载并执行脚本
console.log（value）；//显示输入字段的值
$.getScript（“script1.js”）；
$.getScript（“script2.js”）；
$.getScript（“script3.js”）；
}
}

您可以使用按钮标记而不是输入标记。我建议您使用以下onClick事件：

 <button type="button" onclick="yourFunction()">Click me</button>

点击我

当用户单击按钮时，您的函数（）将被调用

结果是：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="stylesheets/application.css">
        <script src="script1.js"></script>
        <script src="script2.js"></script>
        <script src="script3.js"></script>

    </head>

    <body>
      <label>Enter value : </label><input type="text" maxlength="512" id="reg_expr"/>
      <button type="button" onclick="yourFunction()">Click me</button>

    </body>
</html>


输入值：
点击我

您可以使用按钮标记而不是输入标记。我建议您使用以下onClick事件：

 <button type="button" onclick="yourFunction()">Click me</button>

点击我

当用户单击按钮时，您的函数（）将被调用

结果是：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="stylesheets/application.css">
        <script src="script1.js"></script>
        <script src="script2.js"></script>
        <script src="script3.js"></script>

    </head>

    <body>
      <label>Enter value : </label><input type="text" maxlength="512" id="reg_expr"/>
      <button type="button" onclick="yourFunction()">Click me</button>

    </body>
</html>


输入值：
点击我

Check:Check的可能重复：Check的可能重复您能解释一下使用div和button执行此任务的区别吗？@Alexey for web development与所有语言一样，有一些标准没有严格执行，但更有意义/更适合于某些使用情况。想法是使用最接近您想要的元素，因此如果您想要按钮，请使用按钮元素。一般来说，就可点击元素而言，

或

元素是那些应该被选择的元素，而不是将

或

样式化，并附加javascript作为按钮或锚定。可能。但是使用div有什么好处吗？例如，谷歌主页没有我看到的按钮元素example@Alexey没有任何好处。但是如果你检查它们的按钮，它们是表单上的元素。嘿，我刚刚发现问题出在哪里，jQuery一开始显然不包括在内，所以我不得不添加一个脚本来执行jQuery！你能解释一下在这个任务中使用div和button的区别吗？@Alexey for web development与所有语言一样，有一些标准没有严格执行，但更合理/更适合于某些用例。想法是使用最接近您想要的元素，因此如果您想要按钮，请使用按钮元素。一般来说，就可点击元素而言，

或

元素是那些应该被选择的元素，而不是将

或

样式化，并附加javascript作为按钮或锚定。可能。但是使用div有什么好处吗？例如，谷歌主页没有我看到的按钮元素example@Alexey没有任何好处。但是如果你检查它们的按钮，它们是表单上的元素。嘿，我刚刚发现问题出在哪里，jQuery一开始显然不包括在内，所以我不得不添加一个脚本来执行jQuery！不行，伙计）下一步呢？您会建议安装node.js来运行这些脚本吗？这太复杂了，可以做得更容易我的应用程序是在nodejs，我有一个问题，虽然，我不；如果没有输入，我不希望它也能工作。。。我想得到val