我在编写一些循环浏览.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>
答案 0 :(得分:0)
一个想法可能是使用这样的事实,即使静态页面也可以在url中包含参数。例如:
<iframe>
中打开的html页面,其中包含您需要的任何js(例如jquery)<script>
标记。document.location.href
?
调用(2)中的函数的js文件的名称
在您的主页面中contdiv.innerHTML = "<iframe src=\"widgetpage.html?" + widgetname + ".js\"></iframe>";
使用这种方法,小部件将显示在单独的html页面中,而不会干扰您的主页。