js基础:window.resizeBy()方法使用示例

2016-02-19 16:17 10 1 收藏

下面图老师小编跟大家分享一个简单易学的js基础:window.resizeBy()方法使用示例教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

  (一).示例图片效果

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  (二).代码

html
head
titlewindow.resizeBy()函数/title
script laguage="javascript"
!--
function resizewin(dir,dist)
{
var winvert;
var winhorz;
if (dir == "vert"){
winhorz=0;
winvert=dist;
}
else{
winvert=0;
winhorz=dist;
}
window.resizeBy(winhorz,winvert);
}
//--
/script
/head
body bgcolor="#6699FF" text="#000000"
form
table border=0 align=center width="285"
tr
td colspan=4 align=center bgcolor=lightgreenfont color=blue size=3点击按钮操作/font/td
/tr
tr
td
input type=button value="纵向加" onclick=resizewin("vert",10) style="background-color:lightblue;"
/td
td
input type=button value="纵向减" onclick=resizewin("vert",-10) style="background-color:lightblue;"
/td
td
input type=button value="水平加" onclick=resizewin("horz",10) style="background-color:lightblue;"
/td
td
input type=button value="水平减" onclick=resizewin("horz",-10) style="background-color:lightblue;"
/td
/tr
/table
/form
/body
/html

来源:https://www.tulaoshi.com/n/20160219/1611557.html

延伸阅读
标签: Web开发
这是一个特殊的内建函数eval包括了运算式子为其参数,运算元,并回传一个值. 这函数对于运算一个表示的数值字串而言非常有用,举例来看,从FORM所输入的值总是字串,但你也许想要拿来运算,那我该怎么办?? 下面的这一个例子包函了输入的文字栏位,应用的运算函数和显示结果的另一区块.假如你打了一个数值运算式在第一个栏位,并且按下了按...
标签: Web开发
大家知道,在js里encodeURIComponent 方法是一个比较常用的编码方法,但因工作需要,在asp里需用到此方法,查了好多资料,没有很好的方法,最后用了下面这个方法,基本解决了问题。 % Function aspEncodeURIComponent(sStr)     aspEncodeURIComponent = myEncodeURIComponent(sStr) % script languag...
标签: Web开发
作者:norika 整理日期:2004年6月17日 基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 使用方法: vReturnValue&...
标签: Web开发
复制代码代码如下: !DOCTYPE HTML html head meta charset="UTF-8" titleHTML5示例/title style type="text/css" #container{border:1px solid #ccc;width:800px;height:600px;position:relative;} canvas{position:absolute;top:0px;left:0px;z-index:1;} /style /head body select id="tools" option value="pen"铅笔/option op...
标签: Web开发
以下是index.html: %@LANGUAGE="VBSCRIPT" CODEPAGE="65001"% !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" / titlePROTOTYPE POST/...

经验教程

369

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部