JavaScript前と次のボタンを使用して.jsファイルの配列を循環させる

Question

.jsファイルの配列を循環するJavaScriptを書くのが難しいです。

私はJavaScriptファイルを.jsファイルに保存しています。 「次へ」または「前へ」ボタンをクリックして、これらの.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> 

Answer 1

ひとつのアイデアを使用することができます事実thst静的なページは、URLにパラメータを持つことができます。次のことができます。例：

1. は、任意のJSとで開かれ
2. このページに作成されたウィジェットのjsファイル名を与えられたのjs関数を追加（例：jqueryの）あなたが必要含まれるHTMLページを作成します<script>タグはウィジェット作成コードを読み込みます。
3. 例contdiv.innerHTML = "<iframe src=\"widgetpage.html?" + widgetname + ".js\"></iframe>";

のために使用してdinamicallyのiframeを作成し、あなたのメインページに ?

後の文字列の一部を見ることでdocument.location.hrefから（2）内の関数を呼び出すために使用するJSファイルの名前を抽出

この方法では、ウィジェットはメインページと干渉することなく別のhtmlページに表示されます。