3

是否可以让 javascript 在 javascript 代码所在的位置输出 html？

例如

<html>
<head>
<title>
</title>
</head>
<body>
<div>header</div>
<div>main

<script type="text/javascript" language="javascript">
// print some html here, maybe <a href="http://www.google.com">google</a>
</script>

</div>
<div>footer</div>

</body>
</html>

最终结果如下所示：

<html>
<head>
<title>
</title>
</head>
<body>
<div>header</div>
<div>main<a href="http://www.google.com">google</a></div>
</script>

</div>
<div>footer</div>

</body>
</html>

我知道我可以提供包含的 div 和 id，然后让 javascript 像这样插入锚点，但我只是想知道是否可以直接执行此操作，就像将 html 准确地写在 javascript 的位置一样？

4

2 回答 2

5

用于document.write('YOUR_TEXT')那个

<script type="text/javascript" language="javascript">
    document.write('<a href="http://www.google.com">google</a>') 
</script>

jsFiddle 演示

于 2012-06-21T13:15:28.000 回答
2

是的，虽然 有很多细微差别，但它会在调用元素document.write之后立即输出其内容。script

警告：一旦 dom 关闭以进行写入，document.write 将清除您的 DOM。如果您需要异步调用函数，则必须进行 DOM 操作，否则将用它应该输出的任何内容document.write重写所有内容。这会导致无意的结果，这就是为什么它经常被劝阻的原因。

于 2012-06-21T13:16:06.940 回答