在尝试增强功能时在工作中遇到麻烦。我刚刚学习了 Javascript 入门类(class),所以我希望能找到很多人来帮助我进步。 :)
这是我想要做的一个例子:
<script type="text/javascript">
var title1 = "<h2>Cisco</h2>";
var summary1 = "<p>Cool class</p>";
var Register1 = "<button>Register</button>";
var title2 = "<h2>Whatever title</h2>";
var summary2 = "<p>Whatever Summary</p>";
var Register2 = "<button>Whatever Register</button>";
//But I have to create about 10 functions if I do it this way...
function course1()
{
document.getElementById('courseTitle').innerHTML = title1;
document.getElementById('courseSummary').innerHTML = summary1;
document.getElementById('courseRegister').innerHTML = Register1;
}
function course2()
{
document.getElementById('courseTitle').innerHTML = title2;
document.getElementById('courseSummary').innerHTML = summary2;
document.getElementById('courseRegister').innerHTML = Register2;
}
//So I taught about doing it with parameters so I could only build one function.
//For some reason it doesn't work.
//Here is how my improved function idea looks
function course(x)
{
document.getElementById('courseTitle').innerHTML = title+x;
document.getElementById('courseSummary').innerHTML = summary+x;
document.getElementById('courseRegister').innerHTML = Register+x;
}
//And here is how you would call them
<input type"button" value="course1" onclick="course(1)">
<input type"button" value="course1" onclick="course(2)">
如果有任何帮助,我将不胜感激!谢谢。
最佳答案
您可以使用数组来保存数据:
var data = [{
title: "<h2>Cisco</h2>",
summary: "<p>Cool class</p>",
Register: = "<button>Register</button>"
},{
title: "<h2>Whatever title</h2>",
summary: "<p>Whatever Summary</p>",
Register: "<button>Whatever Register</button>"
}];
然后将索引传递给您的函数:
function course( index ) {
document.getElementById('courseTitle').innerHTML = data[index].title;
document.getElementById('courseSummary').innerHTML = data[index].summary;
document.getElementById('courseRegister').innerHTML = data[index].Register;
}
关于Javascript:将参数传递给函数以调用变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20405678/