2013-03-07 85 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