Javascript 如何在页面上显示字符串_Javascript_Html

Javascript 如何在页面上显示字符串

javascript html

Javascript 如何在页面上显示字符串,javascript,html,Javascript,Html,这真是个愚蠢的问题我有一个javascript字符串变量作为名称，我想在显示用户的地方显示它，如下所示： “你好，用户！”-->“你好，克里斯！您可以将用户名与要显示的字符串的其余部分连接起来，如下所示： <p id="hello"></p> <script type='text/javascript'> var user_name = "Chris"; var hello_string = "Hello, " + user_name; document.

这真是个愚蠢的问题

我有一个javascript字符串变量作为名称，我想在显示用户的地方显示它，如下所示：

“你好，用户！”-->“你好，克里斯！

您可以将用户名与要显示的字符串的其余部分连接起来，如下所示：

<p id="hello"></p>

<script type='text/javascript'>
var user_name = "Chris";
var hello_string = "Hello, " + user_name;
document.getElementById("hello").innerHTML = hello_string;
</script>


var user_name=“Chris”；
var hello_string=“hello，”+用户名；
document.getElementById（“hello”）.innerHTML=hello\u字符串；

我认为加上一些字符串连接是您需要的：

var user = "Chris";
document.write("Hello, " + user + "!");

像这样的东西就行了

var user = 'Steve';

document.write('hello ' + user);

如果需要以元素为目标，可以使用常用方法，例如：

var user = 'Steve';

var thisOne = document.getElementById('thisOne');

thisOne.innerHTML = ('hello ' + user);

不妨加入一个实验，这样你就可以在实验中玩了。

当然你自己也可以很容易地找到这个答案：p

var user_name = 'Chris';
document.writeln("Hello, " + user_name);

将名称放在一个范围内，并给它一个ID

Hello <span id="name"></span>

这是将字符串显示到span标记中的示例。
“+”运算符用于字符串连接

<html>
<head>
  <script>
    var name = 'Chris';
    var field = document.getElementById('show_string');
    field.innerHTML( '"Hello, '+ name + '!"' );
  </script>
</head>
<body>
<span id='show_string'></span>
</body>
</html>


变量名称='Chris'；
var field=document.getElementById（'show_string'）；
field.innerHTML（“'Hello，'+name+'！”）；

@esailija你什么意思？我只是想说“你好，变量！“

alert（“Hello，“+variable+”！”）；

正是我想要的。谢谢！我已经更新了答案，可以将字符串打印到页面上的某个元素。这种方法仍然容易受到注入攻击。您可能需要创建文本节点。类似于：document.getElementById（“name”）.appendChild（document.createTextNode（name））；如果您使用的是像jQuery这样的框架，那么这会更简洁：$（“#name”）.text（name）；

<html>
<head>
  <script>
    var name = 'Chris';
    var field = document.getElementById('show_string');
    field.innerHTML( '"Hello, '+ name + '!"' );
  </script>
</head>
<body>
<span id='show_string'></span>
</body>
</html>