我如何将所有这些函数压缩到一个Javascript中
How can I compress all of these function into one Javascript
这段代码使额外的段落出现,当我点击一个锚标记,但我不希望所有这些功能,因为它变得混乱,我想知道我如何能压缩这段代码成一个单一的函数,我不介意jquery,但我更喜欢javascript,但只是做什么是更有效的
function showmore1()
{
var more_1 = document.getElementById("learnmore_1");
if (more_1.style.display == "block")
{
more_1.style.display = "none";
document.getElementById('showmore_1').innerHTML ='<a>Even More History</a>';
}
else
{
more_1.style.display = "block";
document.getElementById('showmore_1').innerHTML ='<a>Show Less</a>';
}
}
function showmore2()
{
var more_2 = document.getElementById("learnmore_2");
if (more_2.style.display == "block")
{
more_2.style.display = "none";
document.getElementById('showmore_2').innerHTML ='<a>Even More Why programming</a>';
}
else
{
more_2.style.display = "block";
document.getElementById('showmore_2').innerHTML ='<a>Show Less</a>';
}
}
function showmore3()
{
var more_3 = document.getElementById("learnmore_3");
if (more_3.style.display == "block")
{
more_3.style.display = "none";
document.getElementById('showmore_3').innerHTML ='<a>Even More Skills</a>';
}
else
{
more_3.style.display = "block";
document.getElementById('showmore_3').innerHTML ='<a>Show Less</a>';
}
}
function showmore4()
{
var more_4 = document.getElementById("learnmore_4");
if (more_4.style.display == "block")
{
more_4.style.display = "none";
document.getElementById('showmore_4').innerHTML ='<a>Even More Accomplishments</a>';
}
else
{
more_4.style.display = "block";
document.getElementById('showmore_4').innerHTML ='<a>Show Less</a>';
}
}
取出函数中改变(变量)的代码位,然后组合功能并将变量传递给函数以插入。
function showmore(id, more, less) {
var more = document.getElementById('learnmore_'+id);
if(more.style.display == "block") {
more.style.display = "none";
document.getElementById('showmore_'+id).innerHTML ='<a>'+more+'</a>';
} else {
more.style.display = "block";
document.getElementById('showmore_'+id).innerHTML ='<a>'+less+'</a>';
}
}
然后像这样使用:
showmore(1, 'Even more accomplishments', 'Show less');
function showmore(id, moreMessage, lessMessage)
{
var more = document.getElementById('more'+id);
if (more.style.display == "block")
{
more.style.display = "none";
document.getElementById('showmore_'+id).innerHTML ='<a>'+moreMessage+'</a>';
}
else
{
more.style.display = "block";
document.getElementById('showmore_'+id,).innerHTML ='<a>'+lessMessage+'</a>';
}
}
我不测试它
function showmore(number,moreMessage,lessMessage)
{
var more = document.getElementById("learnmore_"+number);
if (more.style.display == "block")
{
more.style.display = "none";
document.getElementById('showmore_'+number).innerHTML ='<a>'+moreMessage+'</a>';
}
else
{
more.style.display = "block";
document.getElementById('showmore_'+number).innerHTML ='<a>'+lessMessage+'</a>';
}
}
相关文章:
- 我应该如何从xml文件构建一个javascript页面
- 有没有一个javascript图形绘制库可以进行气球树布局
- 如何将一个JavaScript函数回调为多个函数
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 多次调用另一个javascript函数中的javascript函数
- HTML外部javascript加载另一个javascript
- 在一个javascript文件中为整个网站创建标签
- 在任何AJAX调用之前触发一个javascript函数
- 如何用另一个Javascript更改Javascript函数值
- 动态创建一个javascript/jquery多级数组
- 将变量值从一个javascript传递到另一个javascript
- 获取一个javascript对象attr's
- 是一个javascript bookmarklet,可以设置破坏跨域安全的域cookie
- PNG图像被覆盖,但每个图像都有一个链接可以更改,每次一个-Javascript/jQuery/CSS
- 添加一个javascript函数来下载elfinder上的事件
- 有没有一个Javascript代码可以看到你的缓存有多满
- 使用jenkins从不同文件夹中的文件构建一个javascript文件
- 是否有一个javascript库来解析简单的查询
- 一个javascript实现base64图像编码并将结果写入文本文件
- 使用一个Javascript函数提交多个表单可以在FF中工作,而不需要其他浏览器