html自动跳转

html自动跳转,第1张

假设有一种需求,打开xxx.html文件时,会自动跳转到一个指定的地址。在这个地址上的文件,去做具体的业务。

怎么实现这种跳转。在网上找到了如下几种方法:

上面语句中的“3”是指,延迟多少时间跳转,如果是“0”,会立即跳转。

1:定时器

····

<html>

<head>

<script>

/*

setTimeout 设置过期时间

setTimeout(时间到了之后要执行的行为,什么时间 毫秒 开始执行)

setInterval 设置中断时间

setInterval(时间到了之后要执行的行为 , 间隔多长时间再执行 )

*/

</html>

····

2:一闪一闪亮晶晶

····

html>

<head>

<style>

#container{

width: 400px

height: 400px

border: 1px solid yellowgreen

background-color: black

position: relative

}

</html>

····

3:定时跳转网页

····

<html>

<head>

<style>

#box{

width: 1300px

height: 100px

line-height: 100px

border: 1px solid black

color: yellowgreen

font: 29/30px "simsun"

text-align: center

}

</style>

</html>

····

4:d窗

····

<html>

<head>

<script>

alert("我是d窗")

window.alert("全写的窗口d窗")

</html>

····

HTML 延迟加载显示

<div id="vodid1">第一个按钮直接显示</div>

<input type="submit" value=""  style="width: 1pxheight: 1pxbackground-color: transparentborder: 0FILTER: alpha(opacity=0)" />

间隔线来咯---------------------

<div id="vodid2">第二个按钮/图片,延迟加载显示</div>//广告位置,想延迟加载

    <script type="text/javascript">

        var html="<img src='http://static.cnblogs.com/images/logo_small.gif'/>"

        setTimeout("document.getElementById('vodid2').innerHTML=html",5000)//延时5秒

    </script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7178977.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存