document.write не работает для этого блока - PullRequest
Новая
       6

document.write не работает для этого блока

1 голос
/ 02 августа 2011

У меня есть этот блок: 

document.write('<div class="sz1of4 unit sm-quad">
    <ul>
        <li><a href="/shop_pos/pos_hardware/pos_computer" alt="POS Computer">POS Computer</a></li>
        <li><a href="/shop_pos/pos_hardware/touch_monitor" alt="Touch Monitor">Touch Monitor</a></li>
        <li><a href="/shop_pos/pos_hardware/receipt_printer" alt="POS Receipt Printer">POS Receipt Printer</a></li>
        <li><a href="/shop_pos/pos_hardware/cash_drawers" alt="Cash Drawer">Cash Drawer</a></li>
        <li><a href="/shop_pos/pos_hardware/pole_display" alt="Pole Display">Pole Display</a></li>
        <li><a href="/shop_pos/pos_hardware/pos_accessories/88003_002" alt="Fingerprint Scanner">Fingerprint Scanner</a></li>
        <li><a href="/shop_pos/pos_hardware/pos_computer/fz43_mc2_ald" alt="Mobile POS">Mobile POS</a></li>
        <li><a href="/shop_pos/pos_hardware/network/mbr900" alt="3G Backup">3G Backup</a></li>
    </ul>
</div>

<div class="sz1of4 unit sm-quad">
    <ul>
        <li><a href="/restaurant_pos_software" alt="Restaurant POS Software">Restaurant POS Software</a></li>
        <li><a href="/software/aldelo/easy.html" alt="Easy To Use">Easy To Use</a></li>
        <li><a href="/software/aldelo/bar_tabs.html" alt="Bar Tabs">Bar Tabs</a></li>
        <li><a href="/software/aldelo/multilingual.html" alt="Multilingual Capable">Multilingual Capable</a></li>
        <li><a href="/shop_pos/point-of-sale-software/413614" alt="Quickbooks Integration">Quickbooks Integration</a></li>
        <li><a href="/shop_pos/point-of-sale-software/liquor_monitor" alt="Liquor Monitor Capable">Liquor Monitor Capable</a></li>
        <li><a href="/software/aldelo/reservations.html" alt="Reservations">Reservations</a></li>
        <li><a href="/software/aldelo/training_mode.html" alt="Training Mode">Training Mode</a></li>
    </ul>
</div>

<div class="sz1of4 unit sm-quad">
    <ul>
        <li><a href="/mercury/" alt="Integrated Payments">Integrated Payments</a></li>
        <li><a href="http://www.mercurypay.com/products.htm" alt="Fast Transactions">Fast Transactions</a></li>
        <li><a href="http://www.mercurypay.com/merchant-reports.htm" alt="Reduced Errors">Reduced Errors</a></li>
        <li><a href="http://www.mercurypay.com/products.htm" alt="Secure Transactions">Secure Transactions</a></li>
        <li><a href="http://www.mercurypay.com/gift-cards.htm" alt="Fee Free Gift Cards">Fee Free Gift Cards</a></li>
        <li><a href="/mercury/" alt="Free 24/7 Support">Free 24/7 Support</a></li>
        <li><a href="http://www.mercurypay.com/merchants.htm" alt="Competetive Pricing">Competetive Pricing</a></li>
        <li><a href="/mercury/" alt="Get a Free Quote">Get a Free Quote</a></li>
    </ul>
</div>

<div class="sz1of4 unit sm-quad lastUnit">
    <ul>
        <li><a href="http://posnation.com" alt="Free Expert Consultations">Free Expert Consultations</a></li>
        <li><a href="/pos_systems/" alt="Plug & Play POS System">Plug & Play POS System</a></li>
        <li><a href="/pos_support_page" alt="24/7 Support">24/7 Support</a></li>
        <li><a href="/pos_live_time" alt="Live Training">Live Training</a></li>
        <li><a href="/training_dvds" alt="DVD Training">DVD Training</a></li>
        <li><a href="/pos_urgent" alt="Urgent Care Warranty">Urgent Care Warranty</a></li>
        <li><a href="/shop_pos/pos_services" alt="Onsite Installation">Onsite Installation</a></li>
        <li><a href="/shop_pos/" alt="Local Touch - Online Prices">Local Touch - Online Prices</a></li>
    </ul>
</div>');

… это не отображается с document.write, но это: 

document.write('Hey there');

... хорошо работает. В чем разница и почему большой блок не работает?

Ответы [ 4 ]

8 голосов
/ 02 августа 2011

Многострочные строки должны заканчивать каждую строку \.

Вот обновленная скрипка: http://jsfiddle.net/pSpHb/1/

3 голосов
/ 02 августа 2011

JavaScript не поддерживает многострочные строки , поэтому пример не работает для вас.

Вам лучше использовать что-то вроде createDocumentFragment, чтобы добраться туда, куда вы хотите.

0 голосов
/ 02 августа 2011

Первый имеет (буквальную) новую строку в середине строки.Вы не можете сделать это в JS.

0 голосов
/ 02 августа 2011

, поскольку js ожидает однострочные функции, если эти строки не заканчиваются на '+ [new line]'

, попробуйте эту 

   document.write('<div class="sz1of4 unit sm-quad">'+
        '<ul>'+
'   <li><a href="/shop_pos/pos_hardware/pos_computer" alt="POS Computer">POS Computer</a></li>'+
' <li><a href="/shop_pos/pos_hardware/touch_monitor" alt="Touch Monitor">Touch Monitor</a></li>'+
'<li><a href="/shop_pos/pos_hardware/receipt_printer" alt="POS Receipt Printer">POS Receipt Printer</a></li>'+
   '<li><a href="/shop_pos/pos_hardware/cash_drawers" alt="Cash Drawer">Cash Drawer</a></li>'+
            '<li><a href="/shop_pos/pos_hardware/pole_display" alt="Pole Display">Pole Display</a></li>'+
'      <li><a href="/shop_pos/pos_hardware/pos_accessories/88003_002" alt="Fingerprint Scanner">Fingerprint Scanner</a></li>'+
'     <li><a href="/shop_pos/pos_hardware/pos_computer/fz43_mc2_ald" alt="Mobile POS">Mobile POS</a></li>'+
'    <li><a href="/shop_pos/pos_hardware/network/mbr900" alt="3G Backup">3G Backup</a></li>'+
    '</ul>'+
    '</div>'+

    '<div class="sz1of4 unit sm-quad">'+
'  <ul>'+
'      <li><a href="/restaurant_pos_software" alt="Restaurant POS Software">Restaurant POS Software</a></li>'+
'      <li><a href="/software/aldelo/easy.html" alt="Easy To Use">Easy To Use</a></li>'+
'      <li><a href="/software/aldelo/bar_tabs.html" alt="Bar Tabs">Bar Tabs</a></li>'+
'      <li><a href="/software/aldelo/multilingual.html" alt="Multilingual Capable">Multilingual Capable</a></li>'+
'      <li><a href="/shop_pos/point-of-sale-software/413614" alt="Quickbooks Integration">Quickbooks Integration</a></li>'+
'      <li><a href="/shop_pos/point-of-sale-software/liquor_monitor" alt="Liquor Monitor Capable">Liquor Monitor Capable</a></li>'+
'      <li><a href="/software/aldelo/reservations.html" alt="Reservations">Reservations</a></li>'+
'      <li><a href="/software/aldelo/training_mode.html" alt="Training Mode">Training Mode</a></li>'+
'  </ul>'+
    '</div>'+

    '<div class="sz1of4 unit sm-quad">'+
' <ul>'+
'    <li><a href="/mercury/" alt="Integrated Payments">Integrated Payments</a></li>'+
'  <li><a href="http://www.mercurypay.com/products.htm" alt="Fast Transactions">Fast Transactions</a></li>'+
'   <li><a href="http://www.mercurypay.com/merchant-reports.htm" alt="Reduced Errors">Reduced Errors</a></li>'+
' <li><a href="http://www.mercurypay.com/products.htm" alt="Secure Transactions">Secure Transactions</a></li>'+
'      <li><a href="http://www.mercurypay.com/gift-cards.htm" alt="Fee Free Gift Cards">Fee Free Gift Cards</a></li>'+
'     <li><a href="/mercury/" alt="Free 24/7 Support">Free 24/7 Support</a></li>'+
'    <li><a href="http://www.mercurypay.com/merchants.htm" alt="Competetive Pricing">Competetive Pricing</a></li>'+
'  <li><a href="/mercury/" alt="Get a Free Quote">Get a Free Quote</a></li>'+
        '</ul>'+
    '</div>'+

    '<div class="sz1of4 unit sm-quad lastUnit">'+
' <ul>'+
'  <li><a href="http://posnation.com" alt="Free Expert Consultations">Free Expert Consultations</a></li>'+
'    <li><a href="/pos_systems/" alt="Plug & Play POS System">Plug & Play POS System</a></li>'+
'     <li><a href="/pos_support_page" alt="24/7 Support">24/7 Support</a></li>'+
'      <li><a href="/pos_live_time" alt="Live Training">Live Training</a></li>'+
'<li><a href="/training_dvds" alt="DVD Training">DVD Training</a></li>'+
' <li><a href="/pos_urgent" alt="Urgent Care Warranty">Urgent Care Warranty</a></li>'+
'   <li><a href="/shop_pos/pos_services" alt="Onsite Installation">Onsite Installation</a></li>'+
'  <li><a href="/shop_pos/" alt="Local Touch - Online Prices">Local Touch - Online Prices</a></li>'+
'</ul>'+
    '</div>');
...