将内容放在JavaScript(HTML文件)中

时间:2010-01-19 10:48:19

标签: javascript html

如何在JavaScript中放置内容(例如:简单文本)?

我需要它像youtube一样,视频只能在支持JavaScript的浏览器上显示。

感谢。

2 个答案:

答案 0 :(得分:3)

使用noscript标签,如下所示:

<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>
Your browser does not support JavaScript!
</noscript>

您可能还想考虑将脚本放在某种HTML注释中,以便不了解脚本的浏览器不会呈现源代码,例如:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

答案 1 :(得分:1)

您需要将新DOM节点附加到DOM(文档对象模型)。

最简单的就是:

var myNewNode = document.createTextNode('abc');

对于所有更高级的节点,您可以按如下方式创建它们:

var myNewNode = document.createElement('div');
myNewNode.className = 'cssClass';
myNewNode.innerHTML = 'abc';

比设置“innerHTML”更简洁的东西,但是,特别是如果你要添加复杂的内容,并希望将事件连接到它等,就是将子节点添加到该节点:

var myNewNode = document.createElement('div');

var myChildNode = document.createElement('input');
myChildNode.type = 'button';
myChildNode.value = 'Click me';

myNewNode.appendChild(myChildNode);

假设您已经以上述任何方式创建了myNewNode,您只需要在文档中找到要添加新节点的位置,然后插入它:

document.body.appendChild(myNewNode);

document.getElementById('container').appendChild(myNewNode);