如何為我的腳本創建一個具有2個不同標簽的陣列，以便我可以識別游戲名稱和url以將其加載到同一頁面中？-有解無憂

function reply_click(clicked_id) {
  console.log(clicked_id);
  var urlObj = new window.URL(window.location.href);
  var url = clicked_id;
  if (url) {
    var win;
    document.querySelector('button').onclick = function() {
      if (win) {
        win.focus();
      } else {
        win = window.open();
        win.document.body.style.margin = '0';
        win.document.body.style.height = '100vh';
        var iframe = win.document.createElement('iframe');
        iframe.style.border = 'none';
        iframe.style.width = '100%';
        iframe.style.height = '100%';
        iframe.style.margin = '0';
        iframe.src = url;
        win.document.body.appendChild(iframe);
      }
      document.querySelector('button').style.background = '#00000';
    };
  }
}

<div class="gameslist">
  <h1>Action Games</h1>
  <button id="https://theadvancedsociety-tam.tbt.mx/tam-run3/" onClick="reply_click(this.id)">Run 3</button><br>
  <button id="https://bigfoot9999.github.io/Slope-Game/" onClick="reply_click(this.id)">Slope Game</button><br>
  <h1>Puzzle & Strategy Games</h1>
  <h1>Skill Games</h1>
  <h1>Retro</h1>
  <h1>Shooter Games</h1>
  <h1>Other</h1>

</div>

如何獲得第二個按鈕來加載腳本并每次加載正確的 URL，看起來按鈕在用戶第一次按下時不起作用？此外，必須有更好的方法來處理陣列，而我從未了解過陣列，所以我需要幫助。

uj5u.com熱心網友回復：

我在您的示例中沒有找到任何陣列，老實說，我不知道您想如何使用它。但只是為了在新視窗中打開游戲 - 這是一個固定的代碼：

let win;

function openGame(url) {
  if (win) {
    win.focus();
    return;
  }

  win = window.open();
  win.document.body.style.margin = '0';
  win.document.body.style.height = '100vh';
  const iframe = win.document.createElement('iframe');
  iframe.style.border = 'none';
  iframe.style.width = '100%';
  iframe.style.height = '100%';
  iframe.style.margin = '0';
  iframe.src = url;
  win.document.body.appendChild(iframe);
}

<div className="gameslist">
  <h1>Action Games</h1>
  <button onClick="openGame('https://theadvancedsociety-tam.tbt.mx/tam-run3/')">Run 3</button>
  <br>
    <button onClick="openGame('https://bigfoot9999.github.io/Slope-Game/')">Slope Game</button>
    <br>
      <h1>Puzzle & Strategy Games</h1>
      <h1>Skill Games</h1>
      <h1>Retro</h1>
      <h1>Shooter Games</h1>
      <h1>Other</h1>
</div>

uj5u.com熱心網友回復：

我不確定我是否正確理解了您的問題，但如果您想要一個可以保存游戲名稱和 url 的物件，您可以使用 json 而不是陣列，例如：

const game = {
"name": "Slope Game",
"url": "https://bigfoot9999.github.io/Slope-Game/"
}

它更容易訪問資訊，您只需像這樣呼叫它：game.name 或 game.url，它將回傳其值。

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/492758.html

標籤：javascript html 数组网络按钮

上一篇：如何在地圖方法中單擊時僅禁用一個按鈕，以及如何在React中的計時器到期后更改className？

下一篇：當我單擊、更改顏色或不透明度時反應原生TouchableOpacity