为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用表单结合javascript改变网页图片的大小?

如何使用表单结合javascript改变网页图片的大小?

PIPIONE 2018-12-07 03:50:47
<!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=utf-8" /><title>images对象</title><script language="javascript1.2">{   function image()   {    document.images[0].border = document.form1.border.value ;   document.images[0].width = document.form1.width.value ;   document.images[0].height = document.form1.height.value ;   // document.write(document.images[0].border+" "+document.images[0].width+" "+document.images[0].height);   }}</script></head><body><p><img src="2.jpg" alt="image图片" width="" height="" border="" name="myimg" /></p><form name="form1"><p>边框值<input type="text" name="border" size="5" />宽度<input type="text" name="width" size="5" />高度<input type="text" name="height" size="5" /><input type="submit" value="提交" onclick="image()" /><input type="reset" value="重置" /></p></form></body></html>测试结果是:一旦按了提交按钮,图片闪一下,接着就变回原来的大小了,这个为什么会这样的?
查看完整描述

1 回答

?
绝地无双

TA贡献1946条经验 获得超4个赞

你页面刷新了。

改成:

onclick="return image()"

function image(){

......

return false;

}

查看完整回答
反对 回复 2018-12-24
  • 1 回答
  • 0 关注
  • 411 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信