js实现3秒后关闭当前页面

最新推荐文章于 2024-07-20 20:18:57 发布

天翔空水木

最新推荐文章于 2024-07-20 20:18:57 发布

阅读量4.4k

点赞数

分类专栏： java java

本文链接：https://blog.csdn.net/u010050174/article/details/42295075

版权

java 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

java

26 篇文章 0 订阅

订阅专栏

1、js实现3秒后关闭当前页面

 <script type="text/javascript">  
	var time=3;  
	function closeWindow(){  
	window.setTimeout('closeWindow()',1000);  
	if(time>0){  
		document.getElementById("show").innerHTML=" 倒计时<font color=red>"+time+"</font>秒后关闭当前窗口";  
		time--;  
	}  else{  
		window.opener=null; //关闭窗口时不出现提示窗口  
		window.open('','_self');
		window.close();  
	}  
	}  
	</script>

<body οnlοad="closeWindow();" >

  
<div id="show">  
倒计时3秒后关闭当前窗口  
</div>

2、

<input type="button" value="我是一个按钮" 
	    οnclick="javascrtpt:window.location.href='index.jsp'"

3、  、

<input type='text' id='content' value='初始内容'>

<input type="button" value="刷新" οnclick="javascript:{document.getElementById('content').value ='';}">

4、

<input type="button" value="提交" οnclick="javascript:{this.disabled=true;}">

5、一个正则表达式验证一个ip是否正确

^(\d|[1-9]\d|[1]\d{2}|2[0-5]{2})(\.(\d|[1-9]\d|[1]\d{2}|2[0-5]{2})){3}$

6、点击按钮。生成按钮

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
    <title>JS生成以及控制button按钮</title>
	 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style text="text/css">
    .bt{
        border: 1px solid blue;
        color:blue;
    }
</style>
<script>
    <!--
    function create_button(){
        if(exist())return;
        var bt=document.createElement("input");
        bt.type="button";
        bt.id="bt";
        bt.value="新的按钮:请点击";
        bt.οnclick=show;
        document.body.appendChild(bt);
    }
    function change_func(){
        button=exist();
        button.οnclick=show2;
        button.value="按钮函数已经改变:请点击";
    }
    function disable_bt(){
        button=exist();    
        button.disabled="true";
    }
    function change_style(){
        button=exist();
        button.setAttribute("class","bt");//Mozilla设置class的方法
        button.setAttribute("className","bt");//IE设置class的方法    
        /*下面的设置方法在Mozilla中有效，在IE中无效*/
        //button.class="bt";
        //button.className="bt";
    }
    function change_style2(){
        button=exist();
        button.setAttribute("style","background: Aqua;color: red;");
        button.style.cssText="background:Aqua;color:red;";    
    }
    function exist(){
        var bt=document.getElementById("bt");
        if(null==bt){
            return false;    
        }else{
            return bt;    
        }
    }
    function remove_bt(){
        var bt=document.getElementById("bt");    
        document.body.removeChild(bt);
    }
    function show(){
        alert("点击了");
    }
    function show2(){
        alert("这里是新的按钮调用函数");
    }
    function show_code(){
        alert("这里是innerHTML的代码:"+document.body.innerHTML)    ;
    }
    -->
</script>
</head>
<body>
<input type="button" value="生成按钮" οnclick="create_button()" />
<input type="button" value="查看代码" οnclick="show_code()" />
<input type="button" value="改变按钮函数" οnclick="change_func()" />
<input type="button" value="删除按钮" οnclick="remove_bt()" />
<input type="button" value="禁用按钮" οnclick="disable_bt()" />
<input type="button" value="改变样式:设置class" οnclick="change_style()" />
<input type="button" value="改变样式:直接设置style" οnclick="change_style2()" />
<p></p>
</body>
</HTML>