2013-03-07 87 views
-4

我有这个代码在这里的人的帮助下,为了打印两种不同的风格.. 问题是我有脚本在javascript但不是html,请帮我在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个按钮或东西... 感谢

+2

我不明白你在问什么。 – kapa 2013-03-07 08:25:51

+0

我的意思是,我不知道如何制作一个html,才能使这个功能正常工作。 – pyetjegoo 2013-03-07 08:27:16

+0

很大程度上取决于你想要做什么,我们不能真正找到它......你知道你'试图做什么? – kapa 2013-03-07 08:32:00

回答

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> 

可能是..你要这样......?请

+0

是的,但请,你能帮我把他的HTML部分?我需要两个链接,客户和会员! – pyetjegoo 2013-03-07 08:39:59

+0

@pyetjegoo检查..我编辑.. – 2013-03-07 08:42:08

+0

谢谢..我猜这是javascript函数的问题..它不是真的工作.. – pyetjegoo 2013-03-07 08:43:23

2

例如这个HTML应该与你的代码工作:

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

顺便问一下,你正在重新定义浏览器的原生print功能。

UPD。你只需要一个方法来调用你的print函数的参数(clientmember)。您可以将此行为附加到任何HTML元素,只需添加一个onclick属性(这是最简单的方法)。 E.g到链接:

<a onclick="print('client')">Client</a> 
<a onclick="print('member')">Member</a> 
+0

你能解释得更好,我可以改变他们成为链接?按钮? – pyetjegoo 2013-03-07 08:35:07

+0

该功能并不真正的工作......你能帮我用javascript吗? – pyetjegoo 2013-03-07 08:37:34

+0

是的,我用这个零件: Client 问题是它不是正在打印... – pyetjegoo 2013-03-07 08:41:54