-3

我在这里有人的帮助下有这段代码，为了打印两种不同的样式。问题是我有javascript脚本但没有html，请帮助我

function print(o) {
    var head = document.getElementsByTagName('head')[0].innerHTML;
    if (o == 'client') {
        head += '<link rel="stylesheet" href="../css/style.css" media="screen, projection,print" />';
    }
    if (o == 'member') {
        head += '<link rel="stylesheet" href="../css/style1.css" media="screen, projection,print" />';
    }
    document.getElementsByTagName('head')[0].innerHTML = head;
}

那么，HTML 应该是怎样的呢？它应该是2个按钮或其他东西......谢谢

4

2 回答 2

2

例如，此 HTML 应与您的代码一起使用：

<button onclick="print('client')">Client</button>
<button onclick="print('member')">Member</button>

顺便说一句，您正在重新定义浏览器原生print功能。

升级版。您只需要一种print使用参数（client或member）调用函数的方法。您可以将此行为附加到任何 HTML 元素，只需onclick为其添加一个属性（这是最简单的方法）。例如链接：

<a onclick="print('client')">Client</a>
<a onclick="print('member')">Member</a>
于 2013-03-07T08:29:42.390 回答
0 
<htmL>
<head>
<script>
  window.onload = function () {
     print("client");
  };

  function print(o) {
         var head  = document.getElementsByTagName('head')[0];
         var link  = document.createElement('link');
         link.rel  = 'stylesheet';
         link.type = 'text/css';
         if (o == 'client') {
           link.href = 'css/style1.css';
         }
         if (o == 'member') {
           link.href = 'css/style2.css';
         }

         link.media = 'screen, projection,print';
         head.appendChild(link);
 }
 </script>
  </head>
  <body>
   <input type="button" name="clientStyle" value="Client Style" onclick="print('client');">
   <input type="button" name="memberStyle" value="Member Style" onclick="print('member');">
  </body>
  </html>

可能是……你想要这样吗……？请

于 2013-03-07T08:39:00.373 回答