在html标记中打印JavaScript变量

正在尝试将JS var

run_name

作为HTML内容的一部分打印出来。以下是我的整个JS代码的小片段：

var run_name = uiscripts.context.run.id; //uiscripts.context.run.id is a string
var markUp = "<h3 class='title' style='text-align: center'>Job is _____</h3>\r\n"; 
$("#startJobDialog").html(markUp);

这是：

var run_name = uiscripts.context.run.id;
    var markUp = "<h3 class='title' style='text-align: center'>Job is _____</h3>\r\n";

    markUp += run_name;

    $("#startJobDialog").html(markUp);

var run\u name=uiscripts.context.run.id；
var markUp=“作业是\u\u\r\n”；
标记+=运行名称；
$（“#startJobDialog”）.html（标记）；

试试这个。只需将

变量run\u name

的值与

html

连接即可

var markUp = "<h3 class='title' style='text-align: center'>Job is <span style='font-weight:bold'>"+run_name+"</span></h3>\r\n"; 

var markUp=“作业是”+run\u name+“\r\n”；

试试这个。只需将

变量run\u name

的值与

html

连接即可

var markUp = "<h3 class='title' style='text-align: center'>Job is <span style='font-weight:bold'>"+run_name+"</span></h3>\r\n"; 

var markUp=“作业是”+run\u name+“\r\n”；

试试这个：

var run_name = uiscripts.context.run.id; //uiscripts.context.run.id is a string
var markUp = "<h3 class='title' style='text-align: center'>Job is " + run_name + "</h3>\r\n"; 

$("#startJobDialog").html(markUp);

var run\u name=uiscripts.context.run.id//uiscripts.context.run.id是一个字符串
var markUp=“作业是”+run\u name+“\r\n”；
$（“#startJobDialog”）.html（标记）；

此外，在ES6中，可以在中使用插值。 如果将字符串放入``并将变量包装到${run\u name}

中，请尝试以下操作：

var run_name = uiscripts.context.run.id; //uiscripts.context.run.id is a string
var markUp = "<h3 class='title' style='text-align: center'>Job is " + run_name + "</h3>\r\n"; 

$("#startJobDialog").html(markUp);

var run\u name=uiscripts.context.run.id//uiscripts.context.run.id是一个字符串
var markUp=“作业是”+run\u name+“\r\n”；
$（“#startJobDialog”）.html（标记）；

此外，在ES6中，可以在中使用插值。 如果将字符串放入``并将变量包装到${run\u name}

中，请尝试以下操作

var markUp = $('<h3>',{
class:'title',
style:'text-align: center',
text:"Job is "+run_name });
$("#startJobDialog").html(markUp);

var标记=$（“”{
类别：'title'，
样式：“文本对齐：居中”，
文本：“作业是”+run_name}）；
$（“#startJobDialog”）.html（标记）；

尝试以下操作

var markUp = $('<h3>',{
class:'title',
style:'text-align: center',
text:"Job is "+run_name });
$("#startJobDialog").html(markUp);

var标记=$（“”{
类别：'title'，
样式：“文本对齐：居中”，
文本：“作业是”+run_name}）；
$（“#startJobDialog”）.html（标记）；

您只需以不同的方式定义

#startJobDialog

即可：-

<div id = "startJobDialog">
<h3 class='title' style='text-align: center'>
Job is <div id = "run_name"> </div>
</h3>
</div>

因为您的标记不是可变的，所以您可以将其放入html中。

---

或者，您可以使用

+markup+

将run\u name连接到标记变量中。您只需以不同的方式定义

\startJobDialog

即可：-

<div id = "startJobDialog">
<h3 class='title' style='text-align: center'>
Job is <div id = "run_name"> </div>
</h3>
</div>

因为您的标记不是可变的，所以您可以将其放入html中。

---

或者，您可以使用

+markup+

$（“”，{

引号缺失，并且

；

不必在变量后面。不确定

$（“#startJobDialog”）。追加（标记）

不起作用，但这：

$（“#startJobDialog”）.html（标记）

起作用。

$（“”，{

缺少引号，并且

；

不应该在变量后面。不确定

$（“#startJobDialog”）。追加（标记）；

不起作用，但这：

$（“#startJobDialog”）.html（标记）

可以。这解决了我的问题，但是对于var

run\u name

来说，在颜色和字体方面的灵活性会更好。

可行吗？我想在这一行做些正确的事情，可能不是CSS。建议。我没有明白你的意思？我不确定，你是否应该使用标记。要更改文本颜色，你应该使用CSS。我可以吗以

粗体或斜体方式打印var run\u name

？我还想

突出显示var

的值，可能用一些颜色。这解决了我的问题，但var

run\u name

在颜色和字体方面的灵活性更好。

可行吗？我想在这一行做点正确的事情，而不是CSS。建议ons。我没有明白你的意思吗？我不确定，你是否应该使用tag。要更改文本颜色，你应该使用CSS。我可以用

粗体或斜体打印var run_name吗？

？我还想

突出显示var

的值，可能是用某种颜色。