推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
为什么我不能 aleart document.getElementById("text1").value 里面的内容
cuthead · 2015-04-03 02:41:13 +08:00 · 2510 次点击这是一个创建于 3521 天前的主题，其中的信息可能已经有所发展或是发生改变。
<!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 type="text/javascript">
function larry()
{
var chang=document.getElementById("text1").value;
var kuan=document.getElementById("text2").value;
var inch=document.getElementById("text3").value;
var chang2=chang*chang;
var kuan2=kuan*kuan;
var go=kuan2+chang2;
var go2=Math.sqrt(go);
var ppi=go2/inch;
document.getElementById("text4").value=ppi;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" id="text1" value="长度" />
</label>
<p>
<label>
<input type="text" id="text2" value="宽度" />
</label>
</p>
<p>
<label>
<input type="text" id="text3" value="尺寸" />
</label>
</p>
<p>
<label>
<input type="text" id="text4" value="PPI" />
</label>
</p>
<p>
<label>
<input type="button" id="button1" onclick="larry()"
value="计算" />
</label>
</p>
</form>
</body>
</html>
例如我要alert document.getElementById("text1").value;变量里面的内容，我直接alert (chang)不工作
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function larry()
{
var chang=document.getElementById("text1").value;
var kuan=document.getElementById("text2").value;
var inch=document.getElementById("text3").value;
var chang2=chang*chang;
var kuan2=kuan*kuan;
var go=kuan2+chang2;
var go2=Math.sqrt(go);
var ppi=go2/inch;
document.getElementById("text4").value=ppi;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" id="text1" value="长度" />
</label>
<p>
<label>
<input type="text" id="text2" value="宽度" />
</label>
</p>
<p>
<label>
<input type="text" id="text3" value="尺寸" />
</label>
</p>
<p>
<label>
<input type="text" id="text4" value="PPI" />
</label>
</p>
<p>
<label>
<input type="button" id="button1" onclick="larry()"
value="计算" />
</label>
</p>
</form>
</body>
</html>
例如我要alert document.getElementById("text1").value;变量里面的内容，我直接alert (chang)不工作
 |
1
cuthead OP alert(document.getElementById("text1").value)不工作，alert("hello")工作，什么原因？
|
 |
2
tux 2015-04-03 03:37:37 +08:00  1
因为alert的时候,要alert出来的东西还没有加载,把alert放在要alert的东西底下就好了.
|
 |
4
kzzhr 2015-04-04 09:23:34 +08:00 via Android
JS非定义代码都写在 window.onload 里面
|
Select Language