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

JavaScript012

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

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>

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('#txt').val('测试内容')。

3、浏览器运行index.html页面,此时会发现html中的text被成功用js赋值了“测试内容”的文本。