ref和out的用法
不说别的了，直接上原代码：（网上发现的）
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
<STYLE>TABLE {
FONT-SIZE: 12px; CURSOR: hand; COLOR: #FFFFFF
}
TD {
TEXT-ALIGN: center
}
.clicked {
BORDER-RIGHT: #c0c0c0 1px inset; BORDER-TOP: #c0c0c0 1px inset; BORDER-LEFT: #c0c0c0 1px inset; BORDER-BOTTOM: #c0c0c0 1px inset
}
.mouseon {
BORDER-RIGHT: black 1px outset; BORDER-TOP: white 1px outset; BORDER-LEFT: white 1px outset; BORDER-BOTTOM: black 1px outset
}
.tab {
BORDER-LEFT-COLOR: #808080; BORDER-BOTTOM-COLOR: black; WIDTH: 100%; COLOR: black; BORDER-TOP-COLOR: #808080; BACKGROUND-COLOR: #c0c0c0; BORDER-RIGHT-COLOR: black
}
.button{
WIDTH: 16px; POSITION: absolute; HEIGHT: 16px;
}
.buttonmouseon {
BORDER-RIGHT: black 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: black 1px solid
}
.buttonclicked {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
</STYLE>
</HEAD>
<BODY id=bodycontents bgColor=#55608A leftMargin=0 topMargin=0 scroll=no>
<SCRIPT language=JScript.Encode>
var clickedButton
var clickedImage
var oldButton
var oldImage
var nowButtonIndex
var nowBarIndex
var nowBar
var numButton
var bds
var bus
grayScale = true
indexOfBar = new Array
underBarHeight = 0
numBar = 0
features = "toolbar=yes, location=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes"
var mainhref
function addbar(text, href, target)
{
return new bar(text, href, target)
}
function bar(text, href, target)
{
indexOfBar[numBar] = this
this.text = text
this.href = href
this.target = target
this.index = numBar++
this.children = new Array
this.nChildren = 0
}
function addbutton(parent, text, href, target, image, status)
{
parent.children[parent.nChildren++] = new button(text, href, target, image, status)
}
function button(text, href, target, image, status)
{
this.text = text
this.href = href
this.target = target
this.image = image
this.status = status
}
function initializeBar(selectButton)
{
var i = 0
with (document)
{
for (i = 0; i < numBar; i++)
{
write("<table id='table" + i + "'οnclick=clickOnBar(" + i +") class=tab οnmοuseοver=style.color=txtovercolor οnmοuseοut=style.color=txtoutcolor border=1 cellspacing=1 bordercolorlight=#EDEEF4 bordercolordark=#ffffff cellpadding=1 >"
+ "<tr><td><font color=#444E87>" + indexOfBar[i].text + "</font></td></tr></table>")
indexOfBar[i].tabObj = all["table" + i].style
}
write("<table height=7><tr><td></td></tr></table>")
}
for (i = 0; i < numBar; i++)
{
nowBarIndex = i
showbar(indexOfBar[i])
}
nowBar = indexOfBar[numBar - 1]
nowBarIndex = numBar - 1
for (i = 0; i < numBar - 1; i++)
displayButton(indexOfBar[i], "none")
numButton = nowBar.nChildren
lastButton = document.all["s" + nowBarIndex + (numButton - 1)]
maxHeight = lastButton.offsetTop + 55
nowButtonIndex = 0
bds = buttondown.style
bus = buttonup.style
fcs = frameClose.style
fcs.left = bodycontents.clientWidth - 16
fcs.display = ""
if (bodycontents.clientHeight < maxHeight)
{
bds.top = bodycontents.clientHeight - 20
bds.left = bodycontents.clientWidth - 20
bds.display = ""
}
if (selectButton)
{
if (grayScale)
{
clickedImage = document.images["imgs" + selectButton]
clickedImage.style.filter = 0
}
clickedButton = document.all["s" + selectButton]
clickedButton.className = "clicked"
}
pathName = document.location.href
pathName = pathName.substring(0, pathName.lastIndexOf("/") + 1) + "image/display.gif"
}
function showbar(bar)
{
var i = 0
nChildren = bar.nChildren
for (i = 0; i < nChildren; i++)
{
button = bar.children[i]
target = (button.target)? "' target='" + button.target : ""
Status = (button.status)? "' status='" + button.status : ""
filter = (grayScale)? "id='imgs" + nowBarIndex + i + "' style='filter:gray' " : ""
with (document)
{
write("<table id='s" + nowBarIndex + i + "' url='" + button.href + target + Status + "' cellspacing=0 cellpadding=0 width=37 height=37 οnmοuseοver=mouseon(this) οnmοuseοut=mouseout(this) οnmοusedοwn=mousedown(this) οnmοuseup=mouseup(this)>"
+ "<tr><td><img " + filter + "src='" + button.image + "'></td></tr></table>"
+ "<table id='label" + nowBarIndex + i + "'><tr><td>" + button.text + "</td></tr><tr height=6><td></td></tr></table>")
button.imgObj = all["s" + nowBarIndex + i].style
button.labObj = all["label" + nowBarIndex + i].style
}
}
}
function displayButton(bar, displayStyle)
{
nChildren = bar.nChildren
for (i = 0; i < nChildren; i++)
with (bar.children[i])
{
imgObj.display = displayStyle
labObj.display = displayStyle
}
}
function clickOnBar(index)
{
if (nowBar != indexOfBar[index])
{
for (i = index; i > nowBarIndex; i--)
with (indexOfBar[i].tabObj)
{
position = "relative"
left = ""
top = ""
}
for (i = index + 1; i <= nowBarIndex; i++)
with (indexOfBar[i].tabObj)
{
position = "absolute"
left = 0
top = bodycontents.clientHeight - 20 * (numBar - i)
}
displayButton(nowBar, "none")
nowBar = indexOfBar[index]
nowBarIndex = index
displayButton(nowBar, "")
underBarHeight = 20 * (numBar - nowBarIndex - 1)
numButton = nowBar.nChildren
lastButton = document.all["s" + nowBarIndex + (numButton - 1)]
maxHeight = lastButton.offsetTop + 55 + underBarHeight
window.onresize()
nowButtonIndex = 0
bus.display = "none"
}
if (nowBar.href)
{
window.open(nowBar.href, nowBar.target)
if (clickedButton)
{
clickedButton.className = ""
clickedButton = ""
if (grayScale)
{
clickedImage.style.filter = "gray"
clickedImage = ""
}
}
}
}
function mouseon(button)
{
if (clickedButton != button)
{
button.className = "mouseon"
if (grayScale) document.images["img" + button.id].style.filter = 0
}
if (button.status) window.status = button.status
}
function mouseout(button)
{
if (clickedButton != button)
{
button.className = ""
if (grayScale) document.images["img" + button.id].style.filter = "gray"
}
window.status = ""
}
function mousedown(button)
{
if (window.event.button == 1)
{
oldButton = clickedButton
clickedButton = button
if (grayScale)
{
oldImage = clickedImage
clickedImage = document.images["img" + button.id]
}
button.className = "clicked"
}
}
function mouseup(button)
{
if (window.event.button == 1)
{
if (oldButton && oldButton != clickedButton)
{
oldButton.className = ""
if (grayScale) oldImage.style.filter = "gray()"
}
window.open(button.url, (window.event.shiftKey)? "_blank" : button.target, features)
}
}
function upclick()
{
if (nowButtonIndex)
{
document.all["s" + nowBarIndex + --nowButtonIndex].style.display = ""
document.all["label" + nowBarIndex + nowButtonIndex].style.display = ""
maxHeight = lastButton.offsetTop + 55 + underBarHeight
window.onresize()
}
if (!nowButtonIndex) bus.display = "none"
}
function downclick()
{
if (nowButtonIndex < numButton - 1)
{
document.all["s" + nowBarIndex + nowButtonIndex].style.display = "none"
document.all["label" + nowBarIndex + nowButtonIndex++].style.display = "none"
if (bus.display = "none")
{
bus.top = 20 * (nowBarIndex + 2)+5
bus.left = bodycontents.clientWidth
bus.display = ""
}
maxHeight = lastButton.offsetTop + 55 + underBarHeight
window.onresize()
}
}
function window.onresize()
{
bodyHeight = bodycontents.clientHeight
bodyWidth = bodycontents.clientWidth
if (bodyHeight < maxHeight)
{
bds.top = bodyHeight - 20 - underBarHeight
bds.left = bodyWidth - 20
bds.display = ""
}
else
{
if (bodyHeight > maxHeight + 66) upclick()
bds.display = "none"
}
bus.left = bodyWidth - 20
fcs.left = bodyWidth - 16
if (nowBarIndex < numBar - 1)
for (i = numBar - 1; i > nowBarIndex; i--)
indexOfBar[i].tabObj.top = bodyHeight - 20 * (numBar - i)
}
function document.onkeydown()
{
return false
}
function document.ondragstart()
{
return false
}
function document.onselectstart()
{
return false
}
function document.oncontextmenu()
{
return false
}
function document.onmousedown()
{
if (window.event.ctrlKey) location.reload()
}
function closeFrame()
{
frameClose.className = ""
window.parent.index.cols = "0,*"
window.parent.frames(1).document.body.innerHTML += "<button style='height: 15; width: 15; position: absolute; top: 10; left: 10' οnclick=/"style.display = 'none'; window.parent.index.cols = '100,*'/"><img alt=显示 src=" + pathName + " width=19 height=18></button>"
mainhref = window.parent.frames(1).document.location.href
scout()
}
function scout()
{
with (window.parent.frames(1).document)
if (location.href != mainhref && readyState == "complete")
{
window.parent.frames(1).document.body.innerHTML += "<button style='height: 15; width: 15; position: absolute; top: 10; left: 10' οnclick=/"style.display = 'none'; window.parent.index.cols = '100,*'/"><img alt=显示 src=" + pathName + " width=19 height=18></button>"
mainhref = location.href
}
if (window.parent.index.cols == "0,*") setTimeout("scout()", 1000)
}
function window.onload()
{
window.onresize()
}
</SCRIPT>
<BUTTON class=button id=buttonup style="DISPLAY: none" οnclick=upclick()>
<IMG height=4 src="data:images/up.gif" width=7>
</BUTTON>
<BUTTON class=button id=buttondown style="DISPLAY: none" οnclick=downclick()>
<IMG height=4 src="data:images/down.gif" width=7>
</BUTTON>
<CENTER>
<SCRIPT language=JavaScript>
txtoutcolor="#000000"
txtovercolor="#0000FF"
tab1=addbar("银行存款")
addbutton(tab1,"通知存款计算器","financingtool/bank(01).html","mainFrame","images/pic048.gif","通知存款计算器")
addbutton(tab1,"整存零取计算器","financingtool/bank(02).html","mainFrame","images/pic048.gif","整存零取计算器")
addbutton(tab1,"最佳存款组合","financingtool/bank(03).html","mainFrame","images/pic048.gif","最佳存款组合")
addbutton(tab1,"整(零)存整取计算器","financingtool/bank(04).html","mainFrame","images/pic048.gif","整(零)存整取计算器")
addbutton(tab1,"活期储蓄计算器","financingtool/bank(05).html","mainFrame","images/pic048.gif","活期储蓄计算器")
addbutton(tab1,"定活两便计算器","financingtool/bank(06).html","mainFrame","images/pic048.gif","定活两便计算器")
addbutton(tab1,"存本取息计算器","financingtool/bank(07).html","mainFrame","images/pic048.gif","存本取息计算器")
tab2=addbar("银行贷款")
addbutton(tab2,"公积金和商业贷款计算","financingtool/loan(01).html","mainFrame","images/pic048.gif","公积金和商业贷款计算")
addbutton(tab2,"公积金贷款计算器","financingtool/loan(02).html","mainFrame","images/pic048.gif","公积金贷款计算器")
addbutton(tab2,"汽车消费贷款计算器","financingtool/loan(03).html","mainFrame","images/pic048.gif","汽车消费贷款计算器")
addbutton(tab2,"按揭与公积金贷款计算","financingtool/loan(04).html","mainFrame","images/pic048.gif","按揭与公积金贷款计算")
addbutton(tab2,"提前还款计算器","financingtool/loan(05).html","mainFrame","images/pic048.gif","提前还款计算器")
addbutton(tab2,"出国留学贷款计算器","financingtool/loan(06).html","mainFrame","images/pic048.gif","出国留学贷款计算器")
addbutton(tab2,"助学贷款计算器","financingtool/loan(07).html","mainFrame","images/pic048.gif","助学贷款计算器")
tab3=addbar("保险工具")
addbutton(tab3,"退休金计算器","financingtool/insure(01).html","mainFrame","images/pic048.gif","退休金计算器")
addbutton(tab3,"投资年限计算器","financingtool/insure(02).html","mainFrame","images/pic048.gif","投资年限计算器")
addbutton(tab3,"资产净值计算器","financingtool/insure(03).html","mainFrame","images/pic048.gif","资产净值计算器")
addbutton(tab3,"子女教育基金计算","financingtool/insure(04).html","mainFrame","images/pic048.gif","子女教育基金计算")
tab4=addbar("股票工具")
addbutton(tab4,"股票收益计算器","financingtool/stock(01).html","mainFrame","images/pic048.gif","股票收益计算器")
addbutton(tab4,"投资回报率计算器","financingtool/stock(02).html","mainFrame","images/pic048.gif","投资回报率计算器")
addbutton(tab4,"投资年限计算器","financingtool/stock(03).html","mainFrame","images/pic048.gif","投资年限计算器")
addbutton(tab4,"投资收益计算器","financingtool/stock(04).html","mainFrame","images/pic048.gif","投资收益计算器")
tab5=addbar("基金工具")
addbutton(tab5,"基金买卖计算器","financingtool/fund(01).html","mainFrame","images/pic048.gif","基金买卖计算器")
tab6=addbar("期货工具")
addbutton(tab6,"期货理财计算器","financingtool/futures(01).html","mainFrame","images/pic048.gif","期货理财计算器")
tab8=addbar("外汇工具")
addbutton(tab8,"外币兑换计算器","financingtool/exchange(01).html","mainFrame","images/pic048.gif","外币兑换计算器")
addbutton(tab8,"外币储蓄计算器","financingtool/exchange(02).html","mainFrame","images/pic048.gif","外币储蓄计算器")
addbutton(tab8,"外币买卖计算器","financingtool/exchange(03).html","mainFrame","images/pic048.gif","外币买卖计算器")
tab9=addbar("税务工具")
addbutton(tab9,"个人所得税","financingtool/revenue(01).html","mainFrame","images/pic048.gif","个人所得税")
addbutton(tab9,"财产租赁所得","financingtool/revenue(02).html","mainFrame","images/pic048.gif","财产租赁所得")
addbutton(tab9,"劳动报酬","financingtool/revenue(03).html","mainFrame","images/pic048.gif","劳动报酬")
addbutton(tab9,"稿酬所得","financingtool/revenue(04).html","mainFrame","images/pic048.gif","稿酬所得")
addbutton(tab9,"财产转让所得","financingtool/revenue(05).html","mainFrame","images/pic048.gif","财产转让所得")
addbutton(tab9,"个体工商户","financingtool/revenue(06).html","mainFrame","images/pic048.gif","个体工商户")
addbutton(tab9,"个人全年收入","financingtool/revenue(07).html","mainFrame","images/pic048.gif","个人全年收入")
tab10=addbar("理财规划")
addbutton(tab10,"理财规划计算器","financingtool/financing(01).html","mainFrame","images/pic048.gif","理财规划计算器")
addbutton(tab10,"投资收益计算器","financingtool/financing(02).html","mainFrame","images/pic048.gif","投资收益计算器")
addbutton(tab10,"黄金理财计算器","financingtool/financing(03).html","mainFrame","images/pic048.gif","黄金理财计算器")
addbutton(tab10,"资产净值计算器","financingtool/financing(04).html","mainFrame","images/pic048.gif","资产净值计算器")
tab11=addbar("买车计算")
addbutton(tab11,"个人汽车消费贷款","financingtool/buycar(01).html","mainFrame","images/pic048.gif","个人汽车消费贷款")
tab12=addbar("买房计算")
addbutton(tab12,"个人买房综合能力","financingtool/buyhoure(01).html","mainFrame","images/pic048.gif","个人买房综合能力")
addbutton(tab12,"买房租房比较计算","financingtool/buyhoure(02).html","mainFrame","images/pic048.gif","买房租房比较计算")
addbutton(tab12,"个人信用评级计算","financingtool/buyhoure(03).html","mainFrame","images/pic048.gif","个人信用评级计算")
addbutton(tab12,"按揭贷款计算器","financingtool/buyhoure(04).html","mainFrame","images/pic048.gif","按揭贷款计算器")
addbutton(tab12,"购房税费计算器","financingtool/buyhoure(05).html","mainFrame","images/pic048.gif","购房税费计算器")
addbutton(tab12,"公积金商业贷款计算","financingtool/buyhoure(06).html","mainFrame","images/pic048.gif","公积金商业贷款计算")
initializeBar("0")
</SCRIPT>
</CENTER></BODY></HTML>
ref和out的用法相关推荐
- oracle is ref cursor java_oracle cursor 用法总结
PL sql中cursor用法是非常广泛的,常常用于存储过程和函数的返回值,其中用于函数的返回值变相的解决了pl sql 没有表值函数的问题,一般的,在java 调用存储过程,所返回的结果集也是用游标 ...
- c#中out、ref和params的用法与区别
ref和out都对函数参数采用引用传递形式--不管是值类型参数还是引用类型参数,并且定义函数和调用函数时都必须显示生命该参数为 ref/out形式.两者都可以使函数传回多个结果. 两者区别: 两种参数 ...
- React之ref的高阶用法
forwardRef转发Ref forwardRef的初衷就是解决ref不能跨层级捕获和传递的问题,forwardRef接受了父级元素标记的ref信息,并把它转发下去,使得子组件可以通过props来接 ...
- Vue3 理解 toRef 和 toRefs 的作用、用法、区别
toRef / toRefs 作用 toRef 和 toRefs 可以用来复制 reactive 里面的属性然后转成 ref,而且它既保留了响应式,也保留了引用,也就是你从 reactive 复制过来 ...
- vue3响应式原理之Ref
theme: fancy 一. Ref 用法 这是 ref 最基本的用法,返回来的count是一个响应式的代理值 const count = ref(0) 二. 实现 1. ref 函数 我们调用的r ...
- React中ref的理解
(1)React的ref有3种用法: 字符串 dom节点上使用,通过this.refs[refName]来引用真实的dom节点 <input ref="inputRef" / ...
- hook修改信息_React系列二十一 Hook（二）高级使用
一. Hook高级使用 1.1. useReducer 很多人看到useReducer的第一反应应该是redux的某个替代品,其实并不是. useReducer仅仅是useState的一种替代方案: ...
- C++ primer 第10章 泛型算法
文章目录 概述 find count 初识泛型算法 只读算法 只读算法accumulate 只读算法equal 写容器元素的算法 算法fill 算法fill_n back_inserter 算法cop ...
- React Hooks的使用（三）——useRef、useImperativeHandle、useLayoutEffect解析、自定义Hook
一.useRef useRef返回一个ref对象,返回的ref对象再组件的整个生命周期保持不变. 最常用的ref是两种用法: 用法一:引入DOM(或者组件,但是需要是class组件)元素: 案例一:引 ...
最新文章
- Javascript 笔记与总结（2-11）暴力操作节点
- html图片上传选择文件后的事件,bootstrap-fileinput插件，上传成功后事件
- c语言 方法重载 冲定义,C++ 重载(overload)、重写(overrride)、重定义(redefine)
- MySQL在大数据、高并发场景下的SQL语句优化
- HTML5网页APP连接MQTT,使用js连接mqtt
- K8S精华问答 | Kubernetes用的是Docker的容器？
- [BZOJ3230]相似子串
- C++:定义头文件/定义命名空间
- 郝斌C语言 流程控制
- 输入年份和月份输出该月有多少天python_输入一个年份和月份,打印出该月份有多少天(考虑闰年),用switch语句编程...
- ESPN:韦德续约狠打LBJ脸 他诠释忠诚大于王权
- 股市潜规则 你经历过几个？(转)
- GO常见高频面试题（GMP、三色标记）
- 4 计算机设备的折旧年限不低于,汇算清缴十大注意事项四：如何正确适用固定资产加速折旧政策...
- CPU和GPU的简介
- typescript （TS）进阶篇 --- 内置高阶泛型工具类型（Utility Type）
- Win7 64位IIS集成php(独创)
- OJ（网络测试平台）的正确打开方式（C/C++）
- 在线教育业务笔记03
- 我的扫地机器人让我了解机器人过程自动化（RPA）