Создания линии разрыва между двумя ссылками для загрузки в JavaScript

Question

Привет Я новичок в JavaScript Я написал яваскрипт код для пользователя, чтобы загрузить два .csv файлов 1) Скачать Время ожидания Отчет & 2) Скачать Сырое Время ожидания отчет Ниже Javascript код:

$(document).ready(function() { 
     <?php $array =  

getCompiledRawDataForAverageWaitTimeStatisticOfMerchant($startDate, $endDate, 

$merchantID, $paxStart, $paxEnd); 




     array_unshift($array,array("transactionID"=>"transactionID","merchantID"=>"merchantID","mobileNum"=>"mobileNum","capacity"=>"capacity","remarks"=>"remarks","queueStartTime"=>"queueStartTime","status"=>"status","statusTime"=>"statusTime","numPings"=>"numPings","minTime"=>"minTime","time before ping"=>"time before ping","day"=>"day"));?> 
     var items = <?php 
     echo json_encode($array);?>; 
     console.log(items); 



     var jsonObject = JSON.stringify(items); 
     var csv = ConvertToCSV(jsonObject); 

     a=document.createElement('a'); 
     a.textContent='Download Waiting Time Report'; 
     a.download="waitTime.csv"; 
     a.href='data:text/csv;charset=utf-8,'+escape(csv); 
     document.body.appendChild(a); 
     ///Second thing to code: 
     //document.write("\n"); 

     <?php $array2 = 

    getAllRawDataForAverageWaitTimeStatisticOfMerchant($startDate, $endDate, $merchantID, 

    $paxStart, $paxEnd); 



array_unshift($array2,array("transactionID"=>"transactionID","merchantID"=>"merchantID","mobileNum"=>"mobileNum","capacity"=>"capacity","remarks"=>"remarks","queueStartTime"=>"queueStartTime","final status"=>"final status","final statusTime"=>"final statusTime","status"=>"status","minTime"=>"minTime","numPings"=>"numPings","time before status change"=>"time before status change","day"=>"day"));?> 
     var items2 = <?php 
     echo json_encode($array2);?>; 
     console.log(items2); 



     var jsonObject2 = JSON.stringify(items2); 
     var csv2 = ConvertToCSV(jsonObject2); 

     a=document.createElement('a'); 
     a.textContent='Download Raw Waiting Time Report'; 
     a.download="RawWaitTime.csv"; 
     a.href='data:text/csv;charset=utf-8,'+escape(csv2); 
     document.body.appendChild(a); 


    }); 

Пожалуйста, помогите Каждый раз, когда я пытаюсь вставить заявление разрыв строки, консоль читает ошибка

Answer 1

Вы могли бы попытаться написать:

document.body.appendChild(document.createElement('br')); 

вместо использования

document.write("\n"); 

Answer 2

Положите a элементы внутри p элементов, а затем добавить в p элементы страницы.

function appendLink() { 
     a=document.createElement('a'); 
     a.textContent='Download Waiting Time Report'; 
     a.download="waitTime.csv"; 
     a.href='data:text/csv;charset=utf-8,'; 
     var div = document.createElement('p'); 
     div.appendChild(a); 
     document.body.appendChild(div); 
    } 

в действии здесь: http://jsfiddle.net/kQTMY/1/

br теги будут работать, но MDN рекомендует использовать p элементы, так как разрывы строк не имеют существенного значения, как они были бы в адресе или стихотворения. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br