javascriptの文字列データをhtmlファイルに渡すことはできますか？

"a.js"と "b.html"という2つのファイルがあります。 "a.js"から作成された文字列データを "b.html" headタグに追加することは可能ですか？これは、 "a.js"ファイルから文字列データをアセンブルするコードです。javascriptの文字列データをhtmlファイルに渡すことはできますか？

a.js：

私は "b.html" でそれを追加したい

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：

<!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>

出典

2017-06-16 sadilfh

JavaScriptをJavaScriptで記述していますか？ – evolutionxbox

私は現在、Arcgis webappbuilderウィジェットを使って作業しており、Javaスクリプトを使用しています。私がJavaScriptの中でJavaScriptを書いている理由は、まず、私はコード化にひどく、googleが

このjsファイルを使用する場合は、htmlファイルで使用する必要があります。js文字列を実行した機能についてはわかりません。

出典

2017-06-16 08:23:44 Oliver

b.htmlに送る文字列は "var pieChartScript1,2,3" 。 createChart（）関数は、データベースから取得した値を挿入するための単なる関数です。 – sadilfh

あなたはa.jsにb.htmlで

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

をグローバルVARを指定した場合、両方がまたしても、ブラウザ

出典

2017-06-16 09:55:01

によってロードされている場合は、私は愚かされていた、myGlobalを使用することができます。私の目標は、jsファイルから別のhtmlファイルに文字列データを送ることでした。私はsessionStorage.setItem()とsessionStorage.getItem()を使ってこれを解決しました。単純な文字列変数を別のファイルに送るのはかなり良いトリックです。ご協力いただきありがとうございます。ここに詳しい情報があります。 https://developer.mozilla.org/ko/docs/Web/API/Window/sessionStorage

出典

2017-06-20 01:48:50 sadilfh

javascriptの文字列データをhtmlファイルに渡すことはできますか？

関連する問題