如何利用javascript在页面指定位置显示文字

发布网友发布时间：2022-04-23 06:40

共4个回答

热心网友时间：2022-04-22 13:24

JavaScript中控制显示文字的位置，可以通过设置div布局的横纵坐标，如下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function creadiv(l,r,t){ //l是距左的距离,r是距右的距离,t是要显示的文本内容
var dd=document.createElement("div");
dd.style.position="absolute";
dd.style.left=l+"px";
dd.style.right=r+"px"
dd.innerText=t;
document.body.appendChild(dd);
}
</script>
</head>

<body>
<p><a href="#" onclick="creadiv(100,100,'Hello你好')">点一下我</a></p>
<p><a href="#" onclick="creadiv(400,500,'哈哈哈')">再点一下</a></p>
</body>
</html>

热心网友时间：2022-04-22 14:42

用js操作dom,在制定位置加入文字就可以了,需要定位的话,可能还要先插个容器 div什么的,然后再在邻面插文字

热心网友时间：2022-04-22 16:17

热心网友时间：2022-04-22 18:08

在这个坐标处定义一个label,<label id="test" />
在js中,var test = document.getElementById("test");
test.innerHTML="hello你好";