在javascript中的两个下载链接之间创建一条折线

Creating a break line between two download links in javascript

本文关键字：链接 下载 之间 创建 折线 一条 两个 javascript      更新时间：2023-09-26

嗨，我是javascript新手我为用户编写了一个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);

    });

请帮忙每次我尝试插入换行语句时，控制台都会读取一个错误

将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

您可以尝试编写：

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

而不是使用

document.write("'n");
相关文章：