プログラム、頻繁に書かれた文字列の連結では、最も一般的な方法は、ページに文字列リターンでスプライスした後、ブラウザがHTMLコードにレンダリングできるようにすることです。
今ES6はたくさんあったが、何らかの理由で、いくつかのプロジェクトは、最も原始的なプラス記号「+」ステッチ、その使用の状況があるでしょう使用することができます。次のコードを考えてみました:
1 VARの stringify_json = JSON.stringify(rowObject)。 2 VaRの STR2 = 1。
1 STR + = "<入力のonclick = 'del_id( "+ stringify_json +"、 "+ STR2 +")'タイプ= 'ボタン'値= '删除' />" 。 2 関数del_id(B){ 3 にconsole.log(A)。 4 にconsole.log(B)。 5 }
上記のコードの人生、この時間は問題ありません、あなたはこのボタンをクリックすると、ページが適切に解決することができ、ページに直接strのリターンを入れても印刷することができている。ここでは、印刷の結果であり、
構造を印刷することは問題ありません。我々はSTR2に文字列を入れたときにしかし、私はエラーを開始するページを発見しました。
つまり、スタートページを与えられているSTR2 =「文字列」に上記のコードである。ここで誤った情報、およびページのレンダリングの結果です。
私は、これは文字列を連結アップに従っていないことがわかったので、JS、これはプロセスだと思うので、上記のエラーが発生しました。
だから時間のスプライシングが、あなたは文字列の両側に引用符を配置する必要があり、その次のコードがあります:
1 STR + = "<入力のonclick = 'del_id( "+ stringify_json +"、'" + STR2 + " ')' TYPE = 'ボタン'値= '删除' />"。
そして、それをレンダリングするページ上でこのようなものです。
つまり、HTMLパーサは、彼らがこの期間が終了したと思わ引用符の前に文字列を解析するために、そのページがエラーを指示し、つまり、我々は二重引用符にステッチ上の単一引用符が必要です。
以下は、私は二重引用符に単一引用符で上記のコードでは直接、私のエディタのスクリーンショットです。
直接ではなく変数としてエディタSTR2。これは確かに動作しませんので、この時間は、私たちは、転送文字「\」費やす必要があります。
1 STR + = "<入力のonclick = 'del_id( "+ stringify_json +" \ "" + STR2 + "\" "+")'タイプ= 'ボタン'値= '删除' />"。
これは、転送に加えて、文字、それは我々がスプライスされていないとして、引用符をバック\、と言うことです事の後であるが、それは単に彼が引用されていることを意味します。この場合、我々は正常に印刷することができます。
----------------豪華な分割線-----------------------------
罰金をES6と、すでに多くのプロジェクトがありますが、文字列の連結により美しい道をES6、下記のリンクを参照してください
https://www.cnblogs.com/newze/p/7535470.html
この記事はよく書かれていました。あなたは検査を所有することができます。