网页的弹窗怎么弄?跪等高手

ba476 2013-04-01 11:51:12
打开网页后,弹窗

基本代码:
<script LANGUAGE="javascript">
<!--
window.open ("tanchuang.html")
-->
</script>

但是这个代码一般的浏览器都会被拦截,有没有别的方法??

还有以下几个问题:
1、设置时间,例如打开网页后3秒钟弹出
2、打开网页后,鼠标点击后才会打开弹窗(鼠标不会变成小手)



我看很多网站都是这样的,小白不懂,真心求教!!!
...全文
410 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2013-04-01
  • 打赏
  • 举报
回复
做个全屏的a,target="_blank",用户一点击a就隐藏,也同时弹出了你的窗口。。 如1#说的,非用户事件中的window.open都会被干掉的多。。
腮帮子疼 2013-04-01
  • 打赏
  • 举报
回复
引用 1 楼 wzs_xyz 的回复:
一般来说用户事件函数中的window.open不会被屏蔽,但具体也看浏览器机制 所以网页弹窗一般不用window.open,用弹出层
楼主小白,真心不懂,有没有入门帖子推荐一看,或者弹出层怎么弄?谢谢啦
ftiger 2013-04-01
  • 打赏
  • 举报
回复
那些垃圾广告代码是直接在页面上加一个透明层,你链接看得到,点不到,点一次它开了广告窗口后才取消透明层,给你点下面的链接。
未知数 2013-04-01
  • 打赏
  • 举报
回复
一般来说用户事件函数中的window.open不会被屏蔽,但具体也看浏览器机制 所以网页弹窗一般不用window.open,用弹出层
天际的海浪 2013-04-01
  • 打赏
  • 举报
回复
简单的广告弹窗代码,虽然很讨厌这东西,但还是写一个 <a href="http://bbs.csdn.net/" target="_blank" style="position:fixed;display:block;left:0px;top:0px;z-index:9999999;width:100%;height:8000px;cursor:default;" onclick="this.style.display='none';"></a>
  • 打赏
  • 举报
回复

    <!DOCTYPE html>  
    <html style="width:100%;height:100%;overflow:hidden">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>Window - jQuery EasyUI Demo</title>  
        <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">  
        <link rel="stylesheet" type="text/css" href="../themes/icon.css">  
        <link rel="stylesheet" type="text/css" href="demo.css">  
        <script type="text/javascript" src="../jquery-1.7.2.min.js"></script>  
        <script type="text/javascript" src="../jquery.easyui.min.js"></script>  
        <script>  
            function resize(){  
                $('#w').window('resize',{  
                    width: 600,  
                    height: 300  
                });  
            }  
            function open1(){  
                $('#w').window('open');  
            }  
            function close1(){  
                $('#w').window('close');  
            }  
            function test(){  
                $('#test').window('open');  
            }  
        </script>  
    </head>  
    <body style="height:100%;width:100%;overflow:hidden;border:none;padding:20px" >  
        <h2>窗口 - Window</h2>  
        <div class="demo-info">  
          <div class="demo-tip icon-tip"></div>  
            <div>窗口,可以自由地在屏幕上拖动。<br>  
            </div>  
        </div>  
          
        <div style="margin:10px 0">  
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="resize()">Resize</a>  
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="open1()">Open</a>  
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="close1()">Close</a>  
        </div>  
        <div style="position:relative;width:400px;height:300px;border:1px solid #ccc;overflow:auto;">  
            <div class="easyui-window" data-options="title:'Inline Window',inline:true" style="width:250px;height:150px;padding:10px">  
                这个窗口只能呆在这个面板里面(父容器)!  
            </div>  
        </div>  
        <div id="w" class="easyui-window" data-options="title:'My Window',iconCls:'icon-save'" style="width:500px;height:200px;padding:5px;">  
            <div class="easyui-layout" data-options="fit:true">  
                <div data-options="region:'center',border:false" style="padding:10px;background:#fff;border:1px solid #ccc;">jQuery EasyUI框架帮助您构建您的web页面很容易。<br>  
                    <br>  
                  点击<a href="javascript:void(0);" onclick="test()">这里</a>弹出另一个窗口。<br>  
                </div>  
                <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;">  
                    <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="resize()">Ok</a>  
                    <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="resize()">Cancel</a>  
                </div>  
            </div>  
        </div>  
        <div id="test" class="easyui-window" data-options="closed:true,modal:true,title:'Test Window'" style="width:300px;height:100px;"></div>  
    </body>  
    </html>  
或者 主页

<input type="button"  value="sfjskdjf" onclick="openWin()"/>
<script  type="text/javascript">
function openWin(){
	window.open("adv.html", "广告窗口", "toolbar=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, width=300, height=300,top=200,left=150");
	
}
 /*
 width:弹出窗口的宽度
 height:弹出窗口的高度
 top:弹出窗口离屏幕顶部距离
 left:弹出窗口离屏幕左边距离 
 */

</script>
adv.html

<script type="text/javascript">
	function closes(){
		this.close();	
	}
</script>
<input type="button" onclick="closes()" value="关闭" />
源码了哦,兄弟,看看效果如何...
NANU-NANA 2013-04-01
  • 打赏
  • 举报
回复
新窗口 ext.window ?
腮帮子疼 2013-04-01
  • 打赏
  • 举报
回复
引用 4 楼 showbo 的回复:
做个全屏的a,target="_blank",用户一点击a就隐藏,也同时弹出了你的窗口。。 如1#说的,非用户事件中的window.open都会被干掉的多。。
请教,我只会全屏的a,target="_blank",但是不会点击后隐藏,这个怎么弄??非常感谢!!

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧