我可以从其他页面定位标签内容的ID吗?

时间:2017-02-21 18:15:11

标签: javascript twitter-bootstrap-3

我可以将此标签内容定位到另一个页面吗?

<div class="container">
    <ul class="nav nav-pills nav-stacked" role="tablist" id="navbar4">
        <li role="presentation"> <a role="tab" data-toggle="tab" href="#id1">home</a></li>
        <li role="presentation">  <a role="tab" data-toggle="tab" href="#id2">profile</a></li>
        <li role="presentation">  <a role="tab" data-toggle="tab" href="#id3">about</a></li>
    </ul>

</div>


<div class="tab-content">
    <div role="tabpanel"
         class="tab-pane active" id="id1">
    </div>


    <div role="tabpanel"
         class="tab-pane" id="id2">
    </div>


    <div role="tabpanel"
         class="tab-pane" id="id3">
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

在过去,这是可能的,但现在不可能(有例外)。

旧的浏览器让我们用javascript做任何事情,甚至读写文件,但这成了问题。一些程序员使用它来利用毫无戒心的网络用户,浏览器开发人员加强了安全性。

现在,每个选项卡都作为完全独立的环境运行,其他选项卡和用户计算机受到保护。现在,即使具有帧的页面也是分开的,因此帧内执行的代码不会受到帧外代码的干扰。 (框架就像网页中的浏览器窗口)框架和父页面可以交换消息,但DOM操作和页面的其他部分不可访问。

我提到有例外。所有浏览器都允许扩展或插件的编码。这些扩展和插件有权操作标签,访问摄像机或其他计算机服务,如文件系统。与手机上的应用程序一样,用户通过安装将权限授予扩展程序。想法是用户正在请求该行为,因此行为变得可以接受。

如果您需要操纵浏览器上的标签,请查看为浏览器而不是网页编写插件或扩展程序。

如果您需要操作页面上的bootstrap-tabs,则只能使用您当前使用的网页。

这是另一个适用于引导选项卡的异常(与浏览器选项卡相对):

如果您拥有在两个浏览器标签上提供的网站,则可以使用服务器 - 客户端通信来控制该页面。

  1. 设计您的页面以定期检查服务器是否有更新。
  2. 将第1页的命令传递给第2页读取的服务器。
  3. 当第2页从第1页看到命令时自动更新。
  4. 同样,这要求您对所服务的两个页面都进行设计控制。