打印网页上的所有选项卡:基于codepen.io上的给定示例

时间:2018-03-15 10:13:49

标签: javascript html css

我正在尝试重现以下链接上的示例以打印所有导航标签

实施例: example:print-all-tabs-on-a-webpage

从stackoverflow问题中获取的链接: print-all-tabs-on-a-webpage

但我得到的是这样一个页面:

enter image description here

导航按钮功能不正常,打印按钮无法执行任何操作。

我刚把它添加到html文件中:

<!DOCTYPE html>
<html>
<body>
</body>
</html>

<link rel="stylesheet" type="text/css" href="print-nav-tabs.css">

<script src="myscripts.js"></script>

否则,我有与示例中完全相同的代码。为什么不起作用?我在做什么?

1 个答案:

答案 0 :(得分:0)

我在https://codepen.io/anon/pen/RWxvEo中导出了代码的zip,然后我注意到css没有很好地渲染,因为它丢失了:

 <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>

  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>