JavaScript上一个和下一个按钮循环遍历.js文件数组

时间:2011-10-21 17:00:45

标签: javascript jquery html arrays widget

我在编写一些循环浏览.js文件数组的JavaScript时遇到了困难。

我在.js文件中保存了一些JavaScript小部件。 我希望能够单击“下一步”或“上一步”按钮来遍历这些.js文件的数组,并在我的HTML页面上调用并显示小部件。如果这是一个更好的解决方案,它们可以显示在iFrame中。

我会继续研究,直到善良的灵魂帮助。提前谢谢!

我试过了:

<script>
function onWindowLoad(){
    document.getElementById('js_type').innerHTML = ****.settings.type;


var widget_arr = [1column.js,2column.js,1row.js,modal.js]; //etc..etc..
var currentWidget = 0;
theBtn.onRelease = function(){
currentWidget++;
if(currentWidget == widget_arr.length){
    currentWidget=0;
}
var selectedWidget = widget_arr[currentWidget];
//now you have a variable pointing to the next widget..
//what you do with it is up to you.. add the code you need..
}

和这个

<SCRIPT LANGUAGE="JavaScript">
<!--
// Use the following variable to specify 
// the number of widgets
var NumberOfWidgets = 4

var widget = new Array(NumberOfWidgets)

// Use the following variables to specify the widget names:
widget[0] = "1column.js"
widget[1] = "2column.js"
widget[2] = "1row.js"
widget[3] = "modal.js"

var widgetNumber = 0

function NextWidget()
{
widgetNumber++
if (widgetNumber == NumberOfWidgets)
    widgetNumber = 0
document.widgets["VCRWidget"].src = widget[widgetNumber]
}  

function PreviousWidget()
{
widgetNumber--
if (widgetNumber < 0)
    widgetNumber = NumberOfWidgets - 1
document.widgets["VCRWidget"].src = widget[widgetNumber]

<IMG SRC="modal.js" NAME="VCRWidget">

}
//-->
</SCRIPT>

上一个和下一个按钮的代码:

<A HREF="javascript:PreviousWidget()">
<IMG SRC="prev.png" BORDER=0></A>
<A HREF="javascript:NextWidget()">
<IMG SRC="next.png" BORDER=0></A>

1 个答案:

答案 0 :(得分:0)

一个想法可能是使用这样的事实,即使静态页面也可以在url中包含参数。例如:

  1. 创建将在<iframe>中打开的html页面,其中包含您需要的任何js(例如jquery)
  2. 在此页面添加一个js函数,给定一个小部件js文件名将创建一个加载小部件创建代码的<script>标记。
  3. 通过查看document.location.href
  4. 之后的字符串部分,提取用于从?调用(2)中的函数的js文件的名称 在您的主页面中
  5. 使用例如contdiv.innerHTML = "<iframe src=\"widgetpage.html?" + widgetname + ".js\"></iframe>";
  6. 创建iframe

    使用这种方法,小部件将显示在单独的html页面中,而不会干扰您的主页。