是否可以将字符串数据从javascript传递到html文件?

时间:2017-06-16 08:11:51

标签: javascript html

我有两个文件,“a.js”和“b.html”。是否可以将从“a.js”创建的字符串数据附加到“b.html”头标记?这是我从“a.js”文件中汇编字符串数据的代码。

a.js:

createChart: function () {
    var pieChartScript1 =
      '<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>' +
      '<script type="text/javascript">' +
      'google.charts.load("current", {packages:["corechart"]});' +
      'google.charts.setOnLoadCallback(drawChart);' +
      'function drawChart() {' +
      'var data = google.visualization.arrayToDataTable([';

    var pieChartScript2 = '[' + '0~999' + ',  ' + one.length + '],';
    pieChartScript2 += '[' + '1000~1999' + ',  ' + two.length + '],';
    pieChartScript2 += '[' + '2000~2999' + ',  ' + three.length + '],';
    pieChartScript2 += '[' + '3000~3999' + ',  ' + four.length + '],';
    pieChartScript2 += '[' + '4000~4999' + ',  ' + five.length + '],';
    pieChartScript2 += '[' + '5000~' + ',  ' + six.length + ']]);';

    var pieChartScript3 =
      'var options = {title: ' + '제목' + ',pieHole: 0.4,};' +
      'var chart = new google.visualization.PieChart(document.getElementById("donutchart"));' +
      'chart.draw(data, options);}' +
      '</script>';
    console.log(pieChartScript1 + pieChartScript2 + pieChartScript3);
  },

我希望将其附加到“b.html”文件

b.html:

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Insert title here</title>
</head>
<!--I wish to append it here-->
<body>

  <div id="piechart" style="width: 900px; height: 500px;"></div>

</body>

</html>

4 个答案:

答案 0 :(得分:0)

如果你想使用这个js文件,你必须在html文件中使用。我不知道如你所要求的那样运行js字符串。

答案 1 :(得分:0)

如果在a.js中指定全局变量

var myGlobal = "I'm global"
//rest of script

在b.html中,如果两者都是由浏览器加载的话,你将可以使用myGlobal

答案 2 :(得分:0)

然而我又是愚蠢的。我的目标是将字符串数据从js文件发送到另一个html文件。我使用sessionStorage.setItem()sessionStorage.getItem()解决了这个问题。将简单的字符串变量发送到另一个文件的好方法。谢谢你的帮助。 以下是有关此内容的更多信息。 https://developer.mozilla.org/ko/docs/Web/API/Window/sessionStorage

答案 3 :(得分:-1)

使用routerLink="../forgot-password" 在定义了所有字符串后,在a.js中。

确保添加Jquery库

注意:您通常应该在body标签内添加脚本而不是头部。