HTML跳转新窗口的方法

  • 笔试遇到这样的一个问题,特意整理一下。

方法一 纯HTML

    <a href="http://www.cnblogs.com" target="_blank">博客园</a>

方法二 使用 onclick

    // HTML
    <a onclick="openUrl(‘http://www.cnblogs.com‘)">博客园</a>
    // js
    // 使用 ‘window.open()‘
    <script type="text/javascript">
        function openUrl(url){
            window.open(url);
        }
    </script>
  • 下面用到的 openUrl()都是用法二的函数
  • window.open() 的具体用法

方法三 使用 href="javascript:openUrl()"

    // HTML
    <a href="javascript:openUrl(‘http://www.cnblogs.com‘)">博客园</a>

方法四 直接使用 window.open()

    <a onclick="window.open(‘http://www.cnblogs.com‘)">博客园</a>

方法五 使用 id + onclick

    // HTML
    <p id="btn">博客园</p>
    // js
    <script type="text/javascript">
        var btn = document.getElementById(‘btn‘);
        btn.onclick =function(){
            openUrl("http://www.cnblogs.com");
        };
    </script>

方法六 使用 addEventListener()

    // HTML
    <p id="btn">博客园</p>
    // js
    <script type="text/javascript">
        var btn = document.getElementById(‘btn‘);
        btn.addEventListener("click", function(e){
            openUrl("http://www.cnblogs.com");
        }, false);
    </script>

分类: HTML

时间: 2024-10-12 08:18:27

HTML跳转新窗口的方法的相关文章

跳到新窗口

---恢复内容开始--- 前几天一直很迷茫,想让一个搜索出来的结果跳到新的页面,使用了一下window.open居然不管用,于是开始百度,接着是按照百度的方法一个个试,发现每个方法都不行,于是就把这个问题给搁置了.闲来无事就想把问题解决了,于是又搜了一下,发现仅仅是一个属性,就搞定了,就是给form添加了一个属性,target="_blank" ,此属性可以控制页面内所有的respon.redirect跳转到新的窗口,有些时候,我们不要把问题想得那么复杂,先把问题简单化,如果解决不了的

Mui使用jquery并且使用点击跳转新窗口

网上好多朋友是这样做的: 全局插入了js代码 mui('body').on('tap', 'a', function () { document.location.href = this.href; }); 这样做是行的,但是有很多问题,比如点击侧栏的时候,就不出现,错误很多, 经实践自己的方法还是可行的,写多了jquery,竟然调试js原生老不成功.可能是生疏了,啥东西还是要用~ 那就先加入jquery @Scripts.Render("~/bundles/jquery") 好了,直

js 打开新窗口方式

之前的项目,有个功能是下载文件,这里只要在浏览器输入 url 就会下载那个文件了.当时我只是简单得使用 window.open ,但是却会被浏览器进行拦截,要手动开启才行,然后就搜索研究其他方法,就看到各种各样的,通过 js 打开新窗口的方法了,这里就总结一下 解决下载功能 这里就先说解决下载功能的方法,通过同事的提醒,改用 iframe 进行处理,直接对 iframe 的 src 进行赋值,就会自动进行下载文件了,不过,如果后端在 response header 设置了某个头部,就会报错了:x

js页面跳转 和 js打开新窗口 方法

第一种:    <script language="javascript" type="text/javascript">           window.location.href="http://www.dollare.com.cn/login.php?backurl="+window.location.href;     </script> 第二种:    <script language="jav

js页面跳转 和 js打开新窗口 方法 【转】

第一种:    <script language="javascript" type="text/javascript">           window.location.href="http://www.dollare.com.cn/login.php?backurl="+window.location.href;     </script> 第二种:    <script language="jav

asp.net中打开新窗口的多种方法(转载)

asp.net中打开新窗口的多种方法 1.Response.Redirect("XXX.aspx",true)——直接转向新的页面,原窗口被代替; 2. Response.Write("<script>window.open(XXX.aspx'',''_blank'')</script>")——原窗口保留,另外新增一个新页面; 3.Response.Write("<script>window.location=XXX.a

window.open打开新窗口被浏览器拦截的处理方法

一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.location.reload(), 在某些特殊情况下也要用到另外一种新窗口打开的方法,就是window.open(),这个方法有一个问题就是会被基本所有的浏览器所拦截,要收到点击确认打开才可以,这样的体验可以说是非常不友好的~~ 感觉像一个有病毒的程序~~ 所以我们如果一定要用这个方法,但是又不想其被浏览器拦截,

Java web开发中页面跳转小技巧——跳转后新页面在新窗口打开

最近学习Java web,在学习过程中想实现一个需求,就是在jsp页面跳转的时候,希望跳转后的新页面在新窗口中打开, 而不是覆盖原来的页面,这个需求使我困惑了好长时间,后来通过大海捞针似的在网上寻找方法,最后终于得以解决, 现将此方法跟大家分享,如果有不足的地方,请多包涵,我的初衷是能帮助到有这方面需要的人. 之前我在网上也曾搜到过相对靠谱的方法,就是在jsp页面相应位置加入代码:target="_black",如 <a href="articleView?id=${a

C#中关闭第一个Form窗口,打开另一个新窗口方法

很多同学问怎么关闭一个FORM打开另一个新Form.这个问题最多的是在做登录验证时,使用第一个登录窗 登录成功后要关闭自己,然后打开新窗显示.没想到这个问题在.Net还成了问题,不过依然有很多方法解决. 典型的 Form1 f = new Form1(); f.Show(); this.Close(); 最后的关闭时把整个程序都关闭了 1隐藏法,原理就是把旧窗口隐藏掉,再打开新窗口. //新建一个NewForm窗口(NewForm是自己定义的Form) NewForm fm=new NewFor