javascript - 如何让 保持固定高度？ Bootstrap 4

转载 作者：太空宇宙 更新时间：2023-11-04 09:05:26 25 4

我有一个包含动态内容的表格，它可以是 1 行或多行，最有可能多达 200 行。用户应该能够点击一行，其他内容应该显示在另一个表格列表的下方。

现在，当我搜索一个元素时，表格会根据找到的记录缩小，假设我有 5 条记录并查找 1 条记录，下面的整个表格元素会跳起来。这不是一个好的用户体验。

我知道有办法保持 table 或 table 主体的高度吗？

到目前为止，这是我的代码。您可以通过“meyer”搜索

function reservationListFunction() {
  // Declare variables
  var input, filter, table, tr, td, i;
  input = document.getElementById("reservationListInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("reservationTable");
  tr = table.getElementsByTagName("tr");

  // Loop through all table rows, and hide those who don't match the search query
  for (i = 0; i < tr.length; i++) {
    if (!tr[i].classList.contains('header')) {
      td = tr[i].getElementsByTagName("td"),
      match = false;
      for (j = 0; j < td.length; j++) {
        if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
          match = true;
          break;
        }
      }
      if (!match) {
        tr[i].style.display = "none";
      } else {
        tr[i].style.display = "";
      }
    }
  }
}


jQuery(document).ready(function($) {
    $('#reservationTable tr').each(function () {
       var td_value = $('td',this).eq(4).text();
       console.log(td_value);
       switch (td_value) {
           case 'Expected':
                $(this).addClass('table-success');
               break;
           case 'Inhouse':
                $(this).addClass('table-info');
               break;
           case 'Cancelled':
                $(this).addClass('table-danger');
               break;
           case 'Partial':
                $(this).addClass('table-warning');
               break;
           case 'Finished':
                $(this).addClass('table-active');
               break;

           default:
               // statements_def
               break;
       }
    });
});

$( document ).ready(function() {
    $("#wrapper").toggleClass("toggle");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>



        <div class="container" style="" id="reservationListTable">
            <div class="row">
                    
                </div>
            <input style="margin-top:0.5em" class="form-control" type="text" id="reservationListInput" onkeyup="reservationListFunction()" placeholder="Search for reservation..">

           
            <div classs="container">
            <table class="table table-responsive table-fixed table-fixedResList" id="reservationTable">
                <thead class="">
                    <tr class="header">
                        <th style="width:40%;">Name</th>
                        <th style="width:10%;">Cabin</th>
                        <th style="width:10%;">Guests</th>
                        <th style="width:10%;">Table</th>
                        <th class="hidden-xs-down" style="width:10%;">Status</th>
                        <th class="hidden-xs-down" style="width:5%;">SR</th>
                        <th class="hidden-xs-down" style="width:5%;">DOB</th>
                        <th style="width:10%;">Action</th>
                    </tr>
                </thead>
                <tbody class="">
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Julia Sanders</td>
                        <td class="">10293</td>
                        <td class="">4</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Cancelled</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Mirko Meyer</td>
                        <td class="">13293</td>
                        <td class="">2</td>
                        <td class="">132</td>
                        <td class="hidden-xs-down">Partial</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </div>
        </div>
        <div class="container">
        <table class="table table-responsive table-fixed" id="reservationDetailTable">
          <tr class="header">
            <th style="width:20%;">Primary Guest</th>
            <th style="width:80%;">Info</th>
          </tr>
          <tr>
            <td rowspan="8">
                <div class="card" style="width: 20rem; border-style: solid; border-color: #ffffff;">
                  <img class="card-img-top img-circle" src="./assets/img/3.jpg" alt="Card image cap">
                  <div class="card-block">
                    <h4 class="card-title">Mark Meyer</h4>
                    <p class="card-text">Cabin 23412</p>
                    <a href="#" class="btn btn-info">EDIT</a>
                  </div>
                </div>
              </td>
            <td>Reservation ID</td>
          </tr>
          <tr>
            <td>Guests Associated</td>
          </tr>
          <tr>
            <td>Reservation Date</td>
          </tr>
          <tr>
            <td>Special Request</td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>
        </div>

最佳答案

根据评论，你想给 tbody 一个固定的高度，这样标题总是可见的。如何做到这一点已经在此处描述:https://stackoverflow.com/a/23989771/639035

你需要 css:

#reservationTable thead, #reservationTable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#reservationTable tbody {
    height: 100px;
    table-layout: fixed;
    overflow: auto;
    display: block;
    width: 100%;
}

function reservationListFunction() {
  // Declare variables
  var input, filter, table, tr, td, i;
  input = document.getElementById("reservationListInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("reservationTable");
  tr = table.getElementsByTagName("tr");

  // Loop through all table rows, and hide those who don't match the search query
  for (i = 0; i < tr.length; i++) {
    if (!tr[i].classList.contains('header')) {
      td = tr[i].getElementsByTagName("td"),
      match = false;
      for (j = 0; j < td.length; j++) {
        if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
          match = true;
          break;
        }
      }
      if (!match) {
        tr[i].style.display = "none";
      } else {
        tr[i].style.display = "";
      }
    }
  }
}


jQuery(document).ready(function($) {
    $('#reservationTable tr').each(function () {
       var td_value = $('td',this).eq(4).text();
       console.log(td_value);
       switch (td_value) {
           case 'Expected':
                $(this).addClass('table-success');
               break;
           case 'Inhouse':
                $(this).addClass('table-info');
               break;
           case 'Cancelled':
                $(this).addClass('table-danger');
               break;
           case 'Partial':
                $(this).addClass('table-warning');
               break;
           case 'Finished':
                $(this).addClass('table-active');
               break;

           default:
               // statements_def
               break;
       }
    });
});

$( document ).ready(function() {
    $("#wrapper").toggleClass("toggle");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<style>
#reservationTable thead, #reservationTable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#reservationTable tbody {
    height: 100px;
    table-layout: fixed;
    overflow: auto;
    display: block;
    width: 100%;
}
</style>


**Full Code:**
(Tested in Chrome)

        <div class="container" style="" id="reservationListTable">
            <div class="row">
                    
                </div>
            <input style="margin-top:0.5em" class="form-control" type="text" id="reservationListInput" onkeyup="reservationListFunction()" placeholder="Search for reservation..">

           
            <div classs="container">
            <table class="table table-responsive table-fixed table-fixedResList" id="reservationTable">
                <thead class="">
                    <tr class="header">
                        <th style="width:40%;">Name</th>
                        <th style="width:10%;">Cabin</th>
                        <th style="width:10%;">Guests</th>
                        <th style="width:10%;">Table</th>
                        <th class="hidden-xs-down" style="width:10%;">Status</th>
                        <th class="hidden-xs-down" style="width:5%;">SR</th>
                        <th class="hidden-xs-down" style="width:5%;">DOB</th>
                        <th style="width:10%;">Action</th>
                    </tr>
                </thead>
                <tbody class="">
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Julia Sanders</td>
                        <td class="">10293</td>
                        <td class="">4</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Cancelled</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Mirko Meyer</td>
                        <td class="">13293</td>
                        <td class="">2</td>
                        <td class="">132</td>
                        <td class="hidden-xs-down">Partial</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="">
                        <td class="">Alfreds Futterkiste</td>
                        <td class="">49222</td>
                        <td class="">14</td>
                        <td class="">201</td>
                        <td class="hidden-xs-down">Expected</td>
                        <td class="hidden-xs-down">SR(2)</td>
                        <td class="hidden-xs-down">BD</td>
                        <td class="">
                            <div class="btn-group">
                              <button type="button" class="btn btn-secondary btn-sm">Checkin</button>
                              <button type="button" class="btn btn-secondary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="sr-only">Toggle Dropdown</span>
                              </button>
                              <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Cancel</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Edit</a>
                              </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </div>
        </div>
        <div class="container">
        <table class="table table-responsive table-fixed" id="reservationDetailTable">
          <tr class="header">
            <th style="width:20%;">Primary Guest</th>
            <th style="width:80%;">Info</th>
          </tr>
          <tr>
            <td rowspan="8">
                <div class="card" style="width: 20rem; border-style: solid; border-color: #ffffff;">
                  <img class="card-img-top img-circle" src="./assets/img/3.jpg" alt="Card image cap">
                  <div class="card-block">
                    <h4 class="card-title">Mark Meyer</h4>
                    <p class="card-text">Cabin 23412</p>
                    <a href="#" class="btn btn-info">EDIT</a>
                  </div>
                </div>
              </td>
            <td>Reservation ID</td>
          </tr>
          <tr>
            <td>Guests Associated</td>
          </tr>
          <tr>
            <td>Reservation Date</td>
          </tr>
          <tr>
            <td>Special Request</td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>
        </div>

关于javascript - 如何让 <table> 保持固定高度？ Bootstrap 4，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42487667/

25 4 0

文章推荐： linux - 导致用户注销的 Bash 脚本

文章推荐： java - KieScanner 无法从自定义 Maven 存储库获取最新的 Jars - Maven - 3.6.3

文章推荐： c++ - OpenSSL解密文本长度

文章推荐： python - 如何对 key :value pairs in a python dictionary based on certain range or interval? 进行分组

• javascript - 执行存在于输入值字段中的 javascript - JavaScript

  我有一个 html 格式的表单: 我需要得到 JavaScript在value input 字段执行，但只能通过表单的 submit .原因是页面是一个模板所以我不控制它(不能有

• javascript - JavaScript 代码片段正在破坏其他 JavaScript

  我管理的论坛是托管软件，因此我无法访问源代码，我只能向页面添加 JavaScript 来实现我需要完成的任务。 我正在尝试用超链接替换所有页面上某些文本关键字的第一个实例。我还根据国家/地区代码对这些

• javascript - JavaScript 如何使新页面包含更多 JavaScript？

  我正在使用 JS 打开新页面并将 HTML 代码写入其中，但是当我尝试使用 document.write() 在新页面中编写 JS 时功能不起作用。显然，一旦看到 ，主 JS 就会关闭。用于即将打开的

• javascript - Javascript 引擎如何在浏览器中执行 Javascript？

  提问不是为了解决问题，提问是为了更好地理解系统 专家!我知道每当你将 javascript 代码输入 javascript 引擎时，它会立即由​​ javascript 引擎执行。由于没有看过Engi

• javascript - 如何将 JavaScript 变量从一个 JavaScript 文件传递​​到另一个 JavaScript 文件？

  我在一个文件夹中有两个 javascript 文件。我想将一个变量的 javascript 文件传递​​到另一个。我应该使用什么程序？ 最佳答案 window.postMessage用于跨文档消息。使

• javascript - javascript 中的 javascript 输入问题

  我有一个练习，我需要输入两个输入并检查它们是否都等于一个。 如果是 console.log 正则 console.log false 我试过这样的事情: function isPositive(fir

• javascript - 在加载其他 javascript 库的页面上嵌入 Javascript？

  我正在做一个Web应用程序，计划允许其他网站(客户端)在其页面上嵌入以下javascript: 我的网络应用程序位于 http://example.org 。 我不能假设客户端网站的页面有 JQue

• javascript - 从 Javascript 内部调用 Javascript

  目前我正在使用三个外部 JS 文件。 我喜欢将所有三个 JS 文件合而为一。 尽一切可能。我创建 aio.js 并在 aio.js 中 src="https://code.jquery.com/

• javascript - AngularJS/javascript javascript 对象的特殊排序顺序

  我有例如像这样的数组: var myArray = []; var item1 = { start: '08:00', end: '09:30' } var item2 = {

• javascript - 在 Javascript 内部执行 Javascript？

  所以我正在制作一个 Chrome 扩展，它使用我制作的一些 TamperMonkey 脚本。我想要一个“主”javascript 文件，您可以在其中包含并执行其他脚本。我很擅长使用以下行将其他 jav

• javascript - 如何将变量从 javascript 移动到 javascript？

  我有 A、B html 和 A、B javascript 文件。 并且，如何将 A JavaScript 中使用的全局变量直接移动到 B JavaScript 中？ 示例 JavaScript) va

• javascript - 从 javascript 调用 javascript

  我需要将以下整个代码放入名为 activate.js 的 JavaScript 中。你能告诉我怎么做吗？ var int = new int({ seconds: 30, mark

• javascript - 将变量值从一个 JavaScript 传递到另一个 JavaScript

  我已经为我的 .net Web 应用程序创建了母版页 EXAMPLE1.Master。他们的 I 将值存储在 JavaScript 变量中。我想在另一个 JS 文件中检索该变量。 示例1.大师:-

• javascript - 有没有开源库可以在浏览器中使用 Javascript 来整理 Javascript？

  是否有任何库可以用来转换这样的代码: function () { var a = 1; } 像这样的代码: function () { var a = 1; } 在我的浏览器中。因为我在 Gi

• javascript - javascript 中的参数列表后缺少语法 javascript 错误 )

  我收到语法缺失 ) 错误 $(document).ready(function changeText() { var p = document.getElementById('bidp

• javascript - 第一个 JavaScript 完成后启动第二个 JavaScript

  我正在制作进度条。它有一个标签。我想调整某个脚本完成的标签。在找到可能的解决方案的一些答案后，我想出了以下脚本。第一个启动并按预期工作。然而，第二个却没有。它出什么问题了？代码如下: HTML:

• javascript - 为什么外部 javascript 库会阻止我页面上的 javascript？

  这里有一个很简单的问题，我简单的头脑无法回答:为什么我在外部库中加载时，下面的匿名和onload函数没有运行？我错过了一些非常非常基本的东西。 Library.js 只有一行:console.log(

• javascript - 如何区分代码内 javascript 和客户端 javascript

  我知道 javascript 是一种客户端语言，但如果实际代码中嵌入的 javascript 代码以某种方式与在控制台上运行的代码不同，我会尝试找到答案。让我用一个例子来解释它: 我想创建一个像 Mi

• javascript - 将 Javascript 内联到不显眼的 JavaScript？

  我如何将这个内联 javascript 更改为 Unobtrusive JavaScript？ 谢谢! 感谢您的回答，但它不起作用。我的代码是: PHP js文件 document.getElem

• javascript - 如何将 JavaScript 对象导出为 JavaScript？

  我正在寻找将简单的 JavaScript 对象“转储”到动态生成的 JavaScript 源代码中的最优雅的方法。 目的:假设我们有 node.js 服务器生成 HTML。我们在服务器端有一个对象x。

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

• android - 多次调用 OnPrimaryClipChangedListener
• android - 无法更新 RecyclerView 中的 TextView 字段
• android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
• android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色

滴滴打车优惠券免费领取

全站热门文章

• 如何在团队中建立公平感
• C#线性查找算法
• 数据结构-树，三探之代码实现
• .NET云原生应用实践（三）：连接到PostgreSQL数据库
• Saas多租户数据权限设计（参考RuoYi）
• 门罗币隐私保护之环签名
• 修复一个kubernetes集群
• 敏捷思维-项目实践
• 线上debug&gateway自定义路由规则
• 将NC栅格表示时间维度的数据提取出来的方法

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com