Question

使用JavaScript（或jQuery），创建一个名为“ myName”的变量，并将其值设置为“ myName” 创建一个，当您单击它时，它将显示一个带有“ myName”变量的警报。这是我目前正在处理的问题。我对此很陌生，只是想弄清楚。这是我当前拥有的代码，当我单击该按钮时，它什么也不显示。

<!Doctype html>
<html>
  <style type=text/css>
    div1 {
      background-color: yellow;
    }

    div2 {
      background-color: #000000;
      color: red;
    }

  </style>

  <body>

    <div1 id="myName"><b>Woolley</b></div1>

    <div2 class="Hobbies">Hockey</div2>

    <div2 class="Hobbies">Hiking</div2>

    <button type="button" onclick=var "myName"Woolley>Button</button>

  </body>

</html>


java script 

var "myName"
 "Woolley"

Answer 1

您可以检查以下代码以更改值

<p id="changeName">Mark</p>
<button type="button" class="myevent">Button</button>

<script>
jQuery(function(){
    $('.myevent').on('click', function(){
       var name = "John Doe";
       $('#changeName').val(name);
    });
});
</script>

这是Jquery函数，使用前请先包含jquery库。

Answer 2

使用纯Javascript：

<!Doctype html>
    <html>
      <style type=text/css>
        div1 {
          background-color: yellow;
        }

        div2 {
          background-color: #000000;
          color: red;
        }

      </style>
      <script>
        function displayName(){
          var myName = "Woolley";
          alert(myName);
        }
      </script>

      <body>

        <div1 id="myName"><b>Woolley</b></div1>

        <div2 class="Hobbies">Hockey</div2>

        <div2 class="Hobbies">Hiking</div2>

        <button type="button" onclick="displayName()">Button</button>

      </body>

    </html>

Answer 3

要使按钮上的onclick起作用，请告诉onclick触发时该怎么做；在这种情况下，我告诉它要执行功能myFunction。
在此函数中，创建变量并使用alert()

function myFunction() {
  var myName = "Woolley";
  alert(myName);
}

<!Doctype html>
<html>
<style type=text/css>
  div1 {
    background-color: yellow;
  }
  
  div2 {
    background-color: #000000;
    color: red;
  }
</style>

<body>

  <div1 id="myName"><b>Woolley</b></div1>

  <div2 class="Hobbies">Hockey</div2>

  <div2 class="Hobbies">Hiking</div2>

  <button type="button" onclick="myFunction()">Button</button>

</body>

</html>

如果您不想使用函数，也可以告诉onclick在没有函数的情况下执行alert()：

<button type="button" onclick="var myName = 'Woolley'; alert(myName);">Button</button>

请注意，您需要正确使用"和'，否则HTML无效并且无法执行JavaScript。

如何获得点击显示的按钮

3 个答案: