JavaScript 点击函数中传递字符串参数

任务是使用javascript在onClick函数中传递一个字符串作为参数，我们将讨论几种技术。

示例1： 这个示例只是将参数即字符串放在点击按钮的onClick属性中，该按钮调用一个带有字符串作为参数的函数，使用 onClick()方法 。

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        JavaScript  
      | Pass string parameter in onClick function. 
    </title> 
</head> 
  
<body style="text-align:center;" 
      id="body"> 
    <h1 style="color:green;">   
            GeeksForGeeks   
        </h1> 
    <p id="GFG_UP" 
       style="font-size: 19px;  
              font-weight: bold;"> 
    </p> 
    <button onclick="GFG_Fun('Parameter'); "> 
        click here 
    </button> 
    <p id="GFG_DOWN"
       style="color: green;  
              font-size: 24px; 
              font-weight: bold;"> 
    </p> 
    <script> 
        var up =  
            document.getElementById('GFG_UP'); 
        var down =  
            document.getElementById('GFG_DOWN'); 
        up.innerHTML =  
          'Click on button to pass the '+ 
          'string parameter to the function'; 
  
        function GFG_Fun(parameter) { 
            down.innerHTML = "String '"  
            + parameter + "' Received"; 
        } 
    </script> 
</body> 
  
</html>

输出：

点击按钮之前：

JavaScript 点击函数中传递字符串参数

点击按钮之后：

JavaScript 点击函数中传递字符串参数

示例2： 这个示例只是将字符串作为参数放在按钮的onClick属性中，当点击按钮时调用一个以字符串作为参数的函数，使用 onClick() 方法 。这里的输入按钮是动态创建的。这个示例使用与前一个示例相同的方法。

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        JavaScript  
      | Pass string parameter in onClick function. 
    </title> 
</head> 
  
<body style="text-align:center;" 
      id="body"> 
    <h1 style="color:green;">   
            GeeksForGeeks   
        </h1> 
    <p id="GFG_UP"
       style="font-size: 19px;  
              font-weight: bold;"> 
    </p> 
    <p id="GFG_DOWN"
       style="color: green;  
              font-size: 24px; 
              font-weight: bold;"> 
    </p> 
    <script> 
        var up = document.getElementById('GFG_UP'); 
        var down = document.getElementById('GFG_DOWN'); 
        var inputEl = document.createElement('input'); 
        inputEl.type = 'button'; 
        inputEl.value = "Click here"; 
        inputEl.addEventListener('click', function() { 
            GFG_Fun('Parameter'); 
        }); 
        document.body.insertBefore(inputEl, down); 
        up.innerHTML =  
          'Click on button to pass the '+ 
          'string parameter to the function'; 
  
        function GFG_Fun(parameter) { 
            down.innerHTML = "String '" + 
              parameter + "' Received"; 
        } 
    </script> 
</body> 
  
</html>

输出：