获取javascript以准确地将文本写入其中

时间:2012-06-21 13:14:11

标签: javascript jquery

是否可以让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中写入html确切地说javascript是?

2 个答案:

答案 0 :(得分:5)

使用document.write('YOUR_TEXT')代替

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

jsFiddle demo

答案 1 :(得分:2)

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

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