首页
学习
活动
专区
工具
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.4K20

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

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

6.7K171

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异常了。 ?

16.7K20

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

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

5.2K21

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

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

3.8K10

角落的开发工具集之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

8610

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

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

26.5K50

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

前一段时间有关利用网页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.6K90

便利蜂内推电话面

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

1.2K80

新鲜出炉的前端面经

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

1.1K31

这款电影小程序,彻底治愈你的选择困难症

文 | Leadream 我有选择困难症,每次周末无聊想看一部电影时,总是会打开豆瓣翻看一两个小时,最后的结果就是标记为「想看」的电影远远超过「看过」的电影。...我没有做去除重复的处理,所以可能某一天打开会出现显示过的电影,但好的电影难道不值得看两遍甚至更多遍? 虽然整个小程序只有一个页面,但断断续续地用了将近一个星期,主要是需要转变思维(其实是懒)。...这样,下面两个 就能够保持在底部了。 同时,最后一个 也是一个 Flex 容器,它里面有两个 在水平方向弹性分布。...三、处理逻辑 / JS 最后说到最重要也是最难的 JavaScript 部分,我觉得有两点需要注意: 注意任务拆分; 注意页面生命周期。 首先是任务拆分。...loadMovie 是通过 wx.request 从服务器获取电影数据,同时隐藏加载动画显示电影日历主页面。 starCount 则是将返回的评分数字转换成星星显示规则的数组 stars。

74040

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

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

61930
领券