如何在页面上显示字符串

这是一个非常愚蠢的问题。如何在页面上显示字符串

我有一个名称的JavaScript字符串变量，我想以显示它的地方说：用户这样的：

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

来源

2011-12-01 Chris

代码在哪里 – Esailija

@esailija你是什么意思？我只想做一些像“你好，_variable_！” – Chris

'alert（“Hello，”+ variable +“！”）;' – Esailija

当然，你可能会发现这个答案出来很容易自己：对

放在一个跨度的名称和使用的getElementById

给它一个ID

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

然后将文本

var name = "Chris"; 
document.getElementById('name').innerHTML = name;

来源

2011-12-01 01:11:48

正是我想要的，谢谢:) – Chris

这种方法仍然可以注射攻击。您可能想要创建一个文本节点。像这样： document.getElementById（“name”）。appendChild（document.createTextNode（name））; 如果您使用的是像jQuery这样的框架，这会更加简洁一些： $（“＃name”）.text（name）; – dyoo

你可以用你想要显示像这样的字符串的其余部分串联用户名：

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

来源

2011-12-01 01:10:15

那么我该如何在页面上显示？ – Chris

我已经更新了答案，将字符串实际打印到页面上的元素。 –

我觉得document.write加上一些字符串连接是你在做什么寻找：

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

来源

2011-12-01 01:10:30

像这样的事情会做的伎俩

var user = 'Steve'; 

document.write('hello ' + user);

如果你需要瞄准的元素，你可以用通常的方法，如：

var user = 'Steve'; 

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

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

不妨扔在一个jsfiddle这样你就可以围绕实验玩耍。

来源

2011-12-01 01:11:35

_Exactly_我想要的。谢谢！ – Chris

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

来源

2011-12-01 01:11:44

这是扩展字符串到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>

来源

2011-12-01 01:16:47 IvoryCirrus

如何在页面上显示字符串

回答

相关问题