首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js控制浏览器新开窗打开页面

    2016-07-18 09:07:01 在a标签有一个属性为target,将其值设置为“_blank“,即可新开一个窗口打开页面,那么通过js也可以控制打开新的窗口来开启页面。...我们都知道form表单提交可以刷新页面,同时如果给form表单设置一个target同样也可以达到a标签的效果 form.target="_blank"; form.action="aaa.aspx";...form.submit(); 如上代码,页面中设置一个隐藏的form表单,只不过里面不放置任何东西,提交表单几个跳转到一个新的页面,同时是用一个新的窗口打开。...都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。...window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3 上面说的几种方式浏览器会拦截,下面来说一下如何避开浏览器拦截打开一个新页面的方式

    6.7K20

    你的 Link Button 能让用户选择新页面打开吗?

    而标签没href,只能在onclick事件中,用JS控制打开新页面。2. 用户怎么选择新页面打开?...一切导航功能,都应该给用户完整的『新窗口』打开能力。只要你的按钮会导致页面切换,就应该允许用户用1.2提到的任意方式,在新页面打开。4....缺点很明显用户根本无法选择在新页面or本页面打开,只能接受你的实现。用户根本不知道点击按钮后会发生什么。...某些逻辑,只希望本页面跳转时执行,不允许新页面打开时执行(因为JS只能执行本页面的JS,如果在新页面打开,本页面应该保持不变,不能执行那段JS,例如React Router中的)。...metaKey + click: Mac上表示新标签页打开页面,Windows上打开Windows开始菜单。shiftKey + click: 新窗口打开页面。

    6.9K171

    js判断页面是否是通过浏览器后退按钮返回打开的

    分享一个bug的处理方法 # 背景 最近使用uni-app开发项目时遇到了一个bug,需求是需要在两个平台之间切换,A平台登录后要选择身份,选完后带着token进入另外一个平台B的个人空间,点击个人空间顶部的个人信息区域又可以切换到...(用户通过常规导航方式访问页面,比如点一个链接,或者一般的get方式) 1 : TYPE_RELOAD Navigation where the history handling behavior is...(用户通过刷新,包括JS调用刷新接口等方式访问页面) 2 : TYPE_BACK_FORWARD Navigation where the history handling behavior is set...(用户通过后退按钮访问本页面) 255 : TYPE_RESERVED Any navigation types not defined by values above....所以我们只要判断type属性为2时就可以知道页面是通过返回按钮打开的了,然后开头的问题就可以据此加判断来解决token异常了。 ?

    17K20

    在新窗口中打开页面?小心有坑!

    打开的页面地址是动态计算的?使用js进行window.open(url)搞定。 如果你人品比较好,你的页面可以顺利地运行到下线为止。...机智的读者会发现上面的两个例子中分别复现了安全和性能问题(讲道理,第2个例子同时展现了安全和性能问题) 3.1 安全问题 使用a标签的target="_blank"属性,或者window.open(...在例子2中,新页面中有一个定时器,每隔一段时间就有一个持续的循环,这个循环在阻塞新页面本身的js线程的同时,也阻塞了opener(也就是打开新页面的父窗口)里的js线程。...如果再搞得狠一些,父窗口中的页面交互可以寸步难行。 为什么新窗口中的页面会影响父页面的线程呢?chrome不是每个标签页一个单独的进程?然后进程内包含若干线程吗?...两个进程中同时hold住了DOM信息,在多进程下很难道控制,所以干脆就放在一个进程里了。

    5.3K21

    在新窗口中打开页面?小心有坑!

    打开的页面地址是动态计算的?使用js进行window.open(url)搞定。 如果你人品比较好,你的页面可以顺利地运行到下线为止。...机智的读者会发现上面的两个例子中分别复现了安全和性能问题(讲道理,第2个例子同时展现了安全和性能问题) 3.1 安全问题 使用a标签的target="_blank"属性,或者window.open(...在例子2中,新页面中有一个定时器,每隔一段时间就有一个持续的循环,这个循环在阻塞新页面本身的js线程的同时,也阻塞了opener(也就是打开新页面的父窗口)里的js线程。...如果再搞得狠一些,父窗口中的页面交互可以寸步难行。 为什么新窗口中的页面会影响父页面的线程呢?chrome不是每个标签页一个单独的进程?然后进程内包含若干线程吗?...两个进程中同时hold住了DOM信息,在多进程下很难道控制,所以干脆就放在一个进程里了。

    4K10

    角落的开发工具集之Vs(Visual Studio)2017插件推荐

    简单来说就是你在开发的时候同时打开了5个页面,它可以帮助你同时刷新这5个页面。...Browser Reload on Save : 这个工具可以和上面的BrowserSync 工具配合,你在修改某个页面的时候,保存了同时所有的页面都会自动保存及刷新哦。...ImageSprites: 少侠,听过雪碧图吗?这就是个雪碧图插件。帮助我们把所有的图片都整合在一个图片上,以降低对服务器的请求数量和节约我们的流量。...File Differ: 顾名思义用于比较两个文件的不同之处,自己想想业务场景,是不是很需要啊。 File Icons : 为解决方案资源管理器无法识别的文件添加图标。...File Nesting : 帮助您将两个文件嵌套在一起,也可以把嵌套在一起的文件拆开。场景:bootstrap.js可以和bootstrap.min.js折腾成一个文件。

    1.9K90

    腾讯面试四问,Are you OK?

    页面通信不太熟了吗,不就 url 传参吗; 同域的情况下本地缓存也可以存值传递; 真的是这样吗?还有没有其它? 再仔细审题。要求是:新打开的 B 页面关闭(包括意外崩溃)如何传回给 A 页面。...最先想到的是:用 window.open 方法跳转到一个已经打开的页面(A页面),url 上可以挂参传递信息。 这里,如果你不清楚如何跳转到一个已经打开的页面,可以参考这篇,本质就是设置页面名即可。...(e) { window.open('A.html#close', "A") // url 挂参 跳回到已打开的 A 页面 return '确定离开此页吗...这便是新页面被正常关闭情况下的传值问题的解答。如果页面是意外崩溃掉了呢? B 页面意外崩溃 B 页面意外崩溃,JS 都不会运行了,还如何将通知 A 页面呢?...同时也欢迎交流哈~ 参考文献 Logging Information on Browser Crashes window.open跳转到一个已经打开的页面 简单介绍一下Progressive Web App

    13310

    小程序中页面传参的方式你都知道吗

    小程序中页面传参的方式你都知道吗 主要有以下几种方式 url传参 事件通道 EventChannel 本地存储 应用全局变量 公共变量 url传参 方式和web中的方式一致。...}, 需要注意的是,如果 index2 是tabbar页面,那么无法在onLoad中获取页面参数 事件通道 EventChannel 如果一个页面由另一个页面通过 wx.navigateTo 打开...,这两个页面间将建立一条数据通道: 被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 EventChannel 对象; wx.navigateTo 的 success...这两个 EventChannel 对象间可以使用 emit 和 on 方法相互发送、监听事件。...Page({ onLoad: function () { // 被使用 wx.navigatorTo打开的页面获取获取到一个事件通道对象 const EventChannel =

    10410

    js实现网页弹出窗口的代码详细教程

    方法四:用一个按钮调用: <input type="button" value="打开窗口"> 【4、同时弹出2个窗口】 对源代码稍微改动一下: 打开文件1.htm,同时弹出小窗口page.html】 如下代码加入主窗口<head>区: function openwin...【8、内包含的弹出窗口-一个页面两个窗口】 上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 通过下面的例子,你可以在一个页面内完成上面的效果。...()里面的代码不就是标准的html吗?...比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?yes! ;-) follow me.

    27.2K50

    话题讨论 | 关于网页植入挖矿代码的探讨

    前一段时间有关利用网页JS挖矿的新闻屡见不鲜,其手段为黑客入侵网站后将正常网站页面嵌入恶意挖矿脚本,用户通过浏览器访问这些站点时这些脚本会在后台执行并大量占用资源,电脑会变慢、卡顿,CPU 利用率甚至飙升至...随意点开一条新闻,发现立即跳转到sohu新闻的页面,而点击箭头指向内容,则会打开本站网页,网页源码中同样嵌入了 Script标签来调用newscdn.ysw365.com/static/v5/js/cssloader.js...看到网站结构便一目了然,可调用挖矿脚本的网页内容放在a、V2、V5 目录下,正常网页根据不同的类型重定向到sohu的指定页面。...为了找到跳转网站(99e3.com)与挖矿网站(newscdn.ysw365.com)的联系,随后查询了两个网站的 whois、PDNS等信息。...同时我有一个思考,如果说正常的网站站长自己在源码中插入挖矿代码并将Throttle降低到一定程度,我们又是自愿点击去浏览这些网站,那么这样合法吗,我们能进行谴责吗?欢迎交流~

    1.9K90

    便利蜂内推电话面

    我说因为我去实习的时候,连MVVM框架都没有学过,但是他们前端用的是oracle jet,所以一开始就是学习怎么使用ojet,后来为了熟悉前端页面功能,师父让我写每个页面的测试脚本(没提nodejs,要不然又挖坑了...等了许久,小姐姐说你平常用过这个forEach吗,我说没用过,就是知道(我确实就是知道有这些API,但是真正没有实际操作过呀) 好吧,我还是问你js基础的一些东西吧,我给你出个题啊,等会。。。...小姐姐说你的js基础有点弱,我问你css的问题吧(小姐姐对我的js已经失望透顶了) ?     这个hello world!...我觉得我刚才问得都是很基础的了,那你项目中说到登录页面,你怎么判断用户登录了,也就是用户打开你们的网址,你怎么知道用户是已经登录了又打开了一次网页,还是用户没登录打开的网址,我一想在oracle实习的时候...,我师父就给我举了一个例子,用户未登录直接打开某一路由设置的页面,不过那时候是让我用框架里的属性直接禁止用户未登录打开某一路由的页面,结果根本不是我想的,小姐姐说简单跟你说吧,就是用户的登录信息保存在哪了

    1.3K80

    新鲜出炉的前端面经

    JS Bridge 的原理?你们这套方案的s优缺点? 怎么判断 webview 是否加载完成? 怎么实现 App 头部和页面的背景渐变? PC 端做过比较有意义的项目? 微前端子应用之间怎么通信?...如果你们用一个第三方的上报库,但页面加载这个 JS 失败了,还想上报该怎么办?...四面(略) 五面(略) 拼多多 一面 有没有做过比较复杂的页面?携程的 React-imvc 做了什么? 使用 Redux 的好处,以及和 Mobx 的区别 对 React 最新特性有了解吗?...从输入 url 到页面展示经过了哪些步骤? 讲一下重绘和回流 知道 BFC 吗?使用场景有哪些? 怎么判断是否为数组? 页面卡顿怎么去定位? 数组有10万个数据,取第一个和取第10万个的耗时多久?...怎么知道需要打开哪个离线包? js bridge 通信原理? 怎么实现 h5 页面秒开? 明明不是同一个语言,为什么 js 和 native 可以通信?

    1.2K31

    来吧,开发你的第一个智能合约

    安装好后打开,点击quickstart,就能快速新建一个测试区块链环境。...打开网页之后,我们可以看到一个编辑页面,在左边的contracts文件夹下,新增一个我们自己的智能合约文件SetName.sol: 编写智能合约使用solidity语言,下面是一个简单的例子,就是两个设置名字和幸运号码的方法和两个获取值的方法...同时,我们在Ganache中的transactions标签页中可以看到创建合约的事务: 到这里智能合约就部署完了,是不是很简单?...还记得我们刚开始安装的web3.js吗? 现在就要派上用场了,web3.js就是为了让我们能用JavaScript代码来调用智能合约的。 让我们先来写一个简单的HTML网页吧。 1.编写DAPP <!...2.运行DAPP 我们直接打开HTML文件,就可以看到从智能合约读取的名字和幸运号码: 我们输入要更改的名字和幸运号码,点击提交按钮: 刷新页面,就可以取到修改后的数据了: 恭喜,你的第一个智能合约已经开发完成了

    72130
    领券