Question

提前感谢您帮助解决我的问题。我想知道是否有人可以为我解释这个，因为我自学了JavaScript JQuery。我想要做的是将消息推送到函数参数中的变量。然后我想通过将它调回我原来的html文件来显示消息。所以我想在我的函数中写一条消息并打印到我的html页面。我想我可能在正确的方向这里是我的源代码。我正在尝试使用外部javascript文件编写，因为我认为使用HTML，CSS3和JavaScript更清晰。

 <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <title></title>
 <script type="text/javascript" src=".js"></script>
 <link rel="stylesheet" type="text/css" href="mystyle.css">
 </head>
 <body>

<form>


    <input type="button" value="Click me" id="message "onclick="test();" />

</form>

</body>
</html>

外部JavaScript文件。

 function test(message){


      alert("Hello");


 }

Answer 1

使用this.value获取输入值

<input type="button" value="Click me" id="message" onclick="test(this.value);" />

然后使用你得到的消息

function test(message){

    alert(message);

}

要在您的页面上显示此消息，请在页面上创建一个元素

<div id="message"></div>

然后，在test函数中，而不是alert，将innerText或innerHTML设置为消息

document.getElementById('message').innerText = message;

Answer 2

要在弹出窗口中显示消息，请执行此操作

<强> HTML

<input type="button" value="Show message in popup" id="message "onclick="test2('hii this is my message');" />

<强> JS：

function test2(message)
{
 alert(message);   
}

在div中显示消息

<强> HTML

 <input type="button" value="Show message in div" id="message "onclick="test('hii this is my message');" />
 <div id="message"> </div>

<强> JS

function test(message)
{
    document.getElementById("message").innerHTML = message;
}

演示： https://github.com/dblock/ARASCIISwizzle/blob/master/Podfile

Answer 3

添加消息：执行此操作的简单方法是使用您选择的jQuery或javascript库。否则，你可以这样做：

创建一个空div以显示带有id="msg"

的消息

并在你的javascript函数中：

document.getElementById("msg").innerHTML = "Your message";

jQuery更有趣：您可以使用现成的功能，例如.html()和.append()

Answer 4

你肯定想要这样做，因为这样做更加清洁。它还允许您在多个位置使用相同的代码。

看看这个：http://www.w3schools.com/js/js_whereto.asp

（通过＆＃39;外部JavaScript＆＃39;）

基本上，您需要将.js文件另存为实际文件，例如filename.js：

<script type="text/javascript" src="filewithcode.js"></script>

其中filewithcode.js是您创建的JavaScript文件的文件路径。

希望这有帮助

使用外部JavaScript函数和HTML

4 个答案: