函数传参
Posted runmoxin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了函数传参相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #div1{ width: 200px; height: 200px; background: #d3aeae; } </style> <script> function setColor(color){ var oDiv = document.getElementById(‘div1‘); oDiv.style.background = color; } /* // 以下三个方法可以用上面的一个函数来替换,只需要入参不同的值即可. function toRed(){ var oDiv = document.getElementById(‘div1‘); oDiv.style.background = ‘red‘; } function toGreen(){ var oDiv = document.getElementById(‘div1‘); oDiv.style.background = ‘green‘; } function toYellow(){ var oDiv = document.getElementById(‘div1‘); oDiv.style.background = ‘yellow‘; } */ </script> </head> <body> <input type="button" value="变红" onclick="setColor(‘red‘)"> <input type="button" value="变绿" onclick="setColor(‘green‘)"> <input type="button" value="变黄" onclick="setColor(‘yellow‘)"> <!-- ======================以下的内容注释====================== --> <!-- <input type="button" value="变红" onclick="toRed()"> <input type="button" value="变绿" onclick="toGreen()"> <input type="button" value="变黄" onclick="toYellow()"> --> <div id="div1"></div> </body> </html>
以上是关于函数传参的主要内容，如果未能解决你的问题，请参考以下文章