按钮实现A标签新窗口打开(不用window.open)

<button type="button" onclick="goBaidu()">click</button>
<script>
    function goBaidu(){
        var a = document.createElement(‘a‘);
        var e = document.createEvent(‘MouseEvents‘);
        e.initEvent( ‘click‘, true, true );
        a.href="http://www.baidu.com";
        a.target="_blank";
        a.dispatchEvent(e);
    }
</script>
时间: 2024-08-02 20:21:59

按钮实现A标签新窗口打开(不用window.open)的相关文章

HTML之:让网页中的&lt;a&gt;标签属性统一设置-如‘新窗口打开’

在开发过程中,我们往往想在页面中,给<a>设置一个统一的默认格式,例如我们想让链接:“在新窗口打开”,我们就可以使用<base>标签 在网页中添加这段代码: <head> <base target="_blank"> </head> [注解] <base> 标签为页面上的所有链接规定默认地址或默认目标. 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白. 使用 <base

制作新按钮,“新窗口打开网站” ,点击打开新窗口。

<!DOCTYPE html><html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript"> // 新窗口打开时弹出确认框,是否打开 //

【JS学习】慕课网2-7 练习题:制作新按钮,“新窗口打开网站” ,点击打开新窗口。

要求: 1.新窗口打开时弹出确认框,是否打开 提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作. 2.通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ 3.打开的窗口要求,宽400像素,高500像素,无菜单栏.无工具栏. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title> new document </title> 5 <meta

【技术】iOS可禁止用户在新窗口打开页面

在项目开发中,有时我们需要某个链接在当前页面打开,这样需要禁止用户在新窗口打开页面,我们可以使用a标签的target=”_self”指定在当前页 面打开,但是在iOS中长按链接一段时间后,系统会弹出一个对话框,用户可以通过点击”在新页面中打开”来在新窗口打开页面,这样我们指定的target 属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout属性为none来禁止iOS弹出这些按钮.

浏览器对新窗口打开页面的阻止情况

事情是这样的:我们后台人员有一个需求,希望在ajax请求成功后的回调函数里,新窗口打开一个页面.示例代码如下: $("#btn").on("click",function(){ $.ajax({ url : "opendata.html", type : "post", data : {"a" : 1}, success : function(){ window.open("http://www.

谈新窗口打开链接的合理方式

如果标题换做"用户体验",感觉大了些,自己毕竟不是这方面的专家,在这里只是谈谈自己的感受. 我还记得很早的时候自己学做网页制作,那时不晓得链接如何从新窗口打开,也不关心这些,因为网页 只是起到一个宣传简介的作用,后来多了友情链接这个东东,是的,那时还没有多标签多选项卡的浏览器出现,大家都用着IE6之类的窗口浏览器,于是那时候大 家养成了个习惯,就是打开一个页面,等浏览结束后下意识的去关浏览窗口,岂不知这个页面的上一页自己也需要,或者网站作者并不希望浏览者点了外部链接后就 脱离自己的网站

WordPress如何简单一键设置全站链接都新窗口打开

WordPress如何简单一键设置全站链接都新窗口打开 文章中需要在新的窗口打开链接大概需要在几个地方 1.网站友情链接 2.文章中的超链接 3.评论链接 4.网站导航链接 5.网站子导航链接 6.网站其他内链 以上加粗的两个是非常重要的,我们为什么要设置WordPress网站全站超链接都要设置新窗口打开方式呢?学过SEO的同学们应该都知道,以新窗口打开超链接,原先点开的网站都会停留在浏览器顶部,紧挨着现在这个页面的旁边,SEO里面有种优化方法就叫做:跳出率,跳出率是什么呢?跳出率就是一个用户在

vue-router 在新窗口打开页面的功能

Problem:在vue项目中突然接收到一个需要新开页面的功能 通过看了vue-router,实现这个功能也是可以,详情如下: 1.通过<router-link>标签实现新窗口打开 <router-link target="_blank" :to="{ path:'/details', query: { id:'1' } }">详情</router-link> 2.通过Function进行导航 methods: { goDetai

jquery新窗口打开链接

第一种:下面的代码是针对m35ui这个样式下的a都是在新窗口打开  <script type="text/javascript"> jQuery(document).ready(function($) { $('.m35ui a').attr({target: "_blank"}); }); </script> 第二种:  <script src="http://code.jquery.com/jquery-latest.js