您的位置：首页 > Web前端 > HTML

HTML DOM 定向到新的网页位置定位

2016-05-16 09:34 260 查看

<form onsubmit="confirmInput()" action="http://www.w3school.com.cn/">

onsubmei 后面为方法函数，用脚本处理。

================================================================================================

相对位置的定位：

<script type="text/javascript">

var i=1

function moveright()

{

document.getElementById('header').style.position="relative"

document.getElementById('header').style.left=i

i++

}

</script>

</head>

<body onmousemove="moveright()">

<h1 id="header">

请在页面上移动鼠标

</h1>

================================================================================================

当某一个innerHTML 赋值后恢复为原来的值可以用 reset() 函数:

<script type="text/javascript">

function gettip(txt)

{

document.getElementById('tip').innerHTML=txt

}

function reset()

{

document.getElementById('tip').innerHTML=""

}

</script>

</head>

<body>

<p>把鼠标移动到下面的饮料上：</p>

<span onmouseover="gettip('热的黑色饮品')"

onmouseout="reset()">咖啡</span>

<br /><br />

<span onmouseover="gettip('冷的白色饮品')"

onmouseout="reset()">牛奶</span>

<p id="tip"></p>

================================================================================================

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

HTML DOM 定向到新的网页 位置定位

HTML DOM 定向到新的网页位置定位