大家好,本人是一个菜鸟,正在学习JavaScrit。看了下面的代码,我已经更改了原版的许多错误了,但是调试的时候还是报错,说缺少对象什么的,总之报了很多错误。搞了快一上午了,实在搞不定了,请各位高手帮忙看一下,到底哪里有错误,然后把正确的代码发一下,我好对比学习,谢谢了。<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var origLayerWidth=0
var origLayerHeight=0
function initializeXY()
{
origLayerWidth=document.display.clip.width
origLayerHeight=document.display.clip.height
showValues()
}
function setClip(field)
{
var clipVal=parselnt(field.value)
document.display.clip[field.name]=clipVal
showValues()
}
function showValue()
{
var form=document.layer[0].document.forms[0]
var propName
for (var I=0;I<form.elements.length;I++)
{
propName=form.elements[I].name
if (form.elements[I].type ="text")
{
form.elements[i].value=document.display.clip[propName]
}
}
}
var intervallD
function revealClip()
{
var midWidth=Math.round(origLayerWidth/2)
var midHeight=Math.round(origLayerHeight/2)
document.display.clip.left=midWidth
document.display.clip.top=midHeight
document.display.clip.right=midWidth
document.display.clip.bottom=midHeight
intervallD=setlnterval("stepClip()",1)
}
function stepClip()
{
var widthDone=false
var heightDone=false
if (document.display.clip.left > 0)
{
document.display.clip.left+=-2
document.display.clip.right+=2
}
else
{
widthDone=true
}
if (document.display.clip.top > 0)
{
document.display.clip.top +=-1
document.display.clip.top +=1
}
else
{
heightDone=true
showValues()
}
if (widthDone && heightDone)
{
clearlnterval(intervallD)
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="initializeXY()">
<B>layer clip 属性 </B>
<HR>
请输入 clip 各个边的属性值<p>
<LAYER TOP=80>
<FORM>
<TABLE>
<TR>
<TD ALIGN="right">layer.clip.left </TD>
<TD><INPUT TYPE="text" NAME="left" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.top </TD>
<TD><INPUT TYPE="text" NAME="top" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.right </TD>
<TD><INPUT TYPE="text" NAME="right" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.bottom </TD>
<TD><INPUT TYPE="text" NAME="bottom" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.width </TD>
<TD><INPUT TYPE="text" NAME="width" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.height </TD>
<TD><INPUT TYPE="text" NAME="height" SIZE=3 onChange ="setClip(this)"></TD>
</TR>
</TABLE>
<INPUT TYPE ="button" VALUE="更改位置" onClick="revealClip()">
</FORM>
</LAYER>
<LAYER NAME="display" BGCOLOR="coral" TOP="80" LEFT="200" WIDTH="360" HEIGHT="180">
<H2>看变换</h2>
<p>
请注意这里的变换效果
</p>
</LAYER>
</BODY>
</HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var origLayerWidth=0
var origLayerHeight=0
function initializeXY()
{
origLayerWidth=document.display.clip.width
origLayerHeight=document.display.clip.height
showValues()
}
function setClip(field)
{
var clipVal=parselnt(field.value)
document.display.clip[field.name]=clipVal
showValues()
}
function showValue()
{
var form=document.layer[0].document.forms[0]
var propName
for (var I=0;I<form.elements.length;I++)
{
propName=form.elements[I].name
if (form.elements[I].type ="text")
{
form.elements[i].value=document.display.clip[propName]
}
}
}
var intervallD
function revealClip()
{
var midWidth=Math.round(origLayerWidth/2)
var midHeight=Math.round(origLayerHeight/2)
document.display.clip.left=midWidth
document.display.clip.top=midHeight
document.display.clip.right=midWidth
document.display.clip.bottom=midHeight
intervallD=setlnterval("stepClip()",1)
}
function stepClip()
{
var widthDone=false
var heightDone=false
if (document.display.clip.left > 0)
{
document.display.clip.left+=-2
document.display.clip.right+=2
}
else
{
widthDone=true
}
if (document.display.clip.top > 0)
{
document.display.clip.top +=-1
document.display.clip.top +=1
}
else
{
heightDone=true
showValues()
}
if (widthDone && heightDone)
{
clearlnterval(intervallD)
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="initializeXY()">
<B>layer clip 属性 </B>
<HR>
请输入 clip 各个边的属性值<p>
<LAYER TOP=80>
<FORM>
<TABLE>
<TR>
<TD ALIGN="right">layer.clip.left </TD>
<TD><INPUT TYPE="text" NAME="left" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.top </TD>
<TD><INPUT TYPE="text" NAME="top" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.right </TD>
<TD><INPUT TYPE="text" NAME="right" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.bottom </TD>
<TD><INPUT TYPE="text" NAME="bottom" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.width </TD>
<TD><INPUT TYPE="text" NAME="width" SIZE=3 onChange="setClip(this)"></TD>
</TR>
<TR>
<TD ALIGN="right">layer.clip.height </TD>
<TD><INPUT TYPE="text" NAME="height" SIZE=3 onChange ="setClip(this)"></TD>
</TR>
</TABLE>
<INPUT TYPE ="button" VALUE="更改位置" onClick="revealClip()">
</FORM>
</LAYER>
<LAYER NAME="display" BGCOLOR="coral" TOP="80" LEFT="200" WIDTH="360" HEIGHT="180">
<H2>看变换</h2>
<p>
请注意这里的变换效果
</p>
</LAYER>
</BODY>
</HTML>
解决方案 »
- 如何自动修改Chrome页面中的元素
- 关于XMLHttpRequest对象的回调函数问题
- JavaScript把yyyy/mm/dd转成yyyy-mm-dd如何弄啊
- 急问,为什么这段javascript运行不符合预期呢?
- 问JS替换img的alt、src和a的href的代码
- [求助]两个文本域之间的互交响应问题,请高手指点,谢谢!
- 一个页面调入为什么同时出现jquery.min.js和jquery.js
- 正则表达式:把ASP+HTML格式的文本转为VBS格式
- 高手,请教一下!怎样用JS代码来实现XML文档修改后的保存呢?
- 有谁知道下面的程序段是什么意思?
- jquery使用attr请求图片缓存问题
- 菜鸟请教JS中层背景转换的问题
http://www.w3school.com.cn/js/index.asp