Question

如何在页面上的特定位置打印文字？当我使用document.write（）时，文本将在新页面上打印。

Answer 1

你的问题不是很具体。但试试这个尺寸：

<强> HTML：

<div>Some content</p>
<div>Some more content</div>
<div id="specificposition"></div>
<div>Even more content</div>

<强> JavaScript的：

var target = document.getElementById("specificposition"); // find the list-item

target.innerHTML = "Here I am!"; // set it's content

如果使用jQuery，DOM操作会简单得多。假设我想在下面的无序列表中的第二个列表项之后插入另一个列表项：

<强> HTML：

<ul>
    <li></li>
    <li></li> <!-- this is the second list-item -->
    <li></li>
    <li></li>
</ul>

我可以做（JavaScript / jQuery）：

$(function ()
{
    // this function gets executed once the DOM is ready for manipulation

    var target = $("li:eq(1)"); // get the 2nd list-item in the unordered list

    target.after("<li>Here I am!</li>"); // insert a new list-item
});

结果：

<ul>
    <li></li>
    <li></li> <!-- this is the second list-item -->
    <li>Here I am!</li>
    <li></li>
    <li></li>
</ul>

Answer 2

加载文档后，不能使用document.write（）。例如，使用创建具有position：absolute的元素的JavaScript，分配必要的left，right和innerHTML属性。

Answer 3

如果将document.write放在文档正文中，则可以使用它。它将打印到脚本标记所在的位置。如果你想在加载后改变页面的html，你可以使用javascript通过id改变某些元素的内容，使用innerHTML或createChild和其他DOM浏览方法。使用javascript操作页面内容通常称为动态HTML。 w3 tutorial on dhtml

如果你想在特定的x-y坐标上打印，你可能想要创建一个div并绝对定位它，然后用innerHTML或其他方法添加它的html。

我真的没想到你想要在x-y坐标上打印的时候，你只需要在页面顶部粘贴东西。您需要一个不透明的背景来确保文本是可读的。它更像是你自己的弹出式div，因为你可以将它放在你想要的位置并改变它的内容。：d

使用javascript在某个位置打印文本

3 个答案: