关于window.open在不同浏览器的不同点

菜鸟教程: http://www.runoob.com/jsref/met-win-open.html 一.基本语法:window.open(URL,name,specs,replace)其中:URL 为子窗口路径name 为子窗口名字specs 为窗口参数(各参数用逗号分隔) 二.返回值: 返回新创建的window对象.所以可以用返回的window调用方法. 第二个对象参数支持不同浏览器支持程度: https://segmentfault.com/a/1190000016900915 几种…

异步调用window.open时被浏览器阻止新窗口解决方案

var wyWindow = window.open('_blank');$http.post($rootScope.baseUrl + '/Interface0231A.ashx', { userFId: fId}).success(function (data) { if(data.code === 0) { //模拟登录获取临时密码成功 var tempPwd = data.msg; wyWindow.location = emulateLoginUrl + '#/login?n=' +…

解决弹出的窗口window.open会被浏览器阻止的问题

问题现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,有时候会一直连接,有时候会偶尔拦截, 尝试了很多方法,走了很多弯路,总结一下结果分享大家原因分析&深入研究 1 当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止.因为浏览器认为这不是用户希望看到的页面 2 在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的. var btn = $('#btn'); btn.click(function () { //不会被拦截 windo…

解决弹出的窗口window.open会被浏览器阻止的问题（自定义open方法）

由于在使用window.open时,在很多情况下,弹出的窗口会被浏览器阻止,但若是使用a链接target='_blank',则不会,基于这一特点,自己封装了一个open方法: function openwin(url) { var a = document.createElement("a"); a.setAttribute("href", url); a.setAttribute("target", "_blank"); a…

window.frames在不同浏览器中的用法

document.frames 等同于 window.frames,用来取得当前页面内 window 对象的集合. 不支持Firefox,其他浏览器(chrome.opera.IE.360)均支持. frames为 <iframe name=""> 的name属性值解决方法: 使用window.frames['framename'] 代替 document.framename 注意:window.frames['framename']不可写成 window.frames(…

window.close() 关闭当前浏览器页

function eseFun() { var browserName = navigator.appName; //获取浏览器名称 if(browserName == "Netscape") { 4 window.open('', '_parent', ''); window.close(); } else { if(browserName == "Microsoft Internet Explorer") { 8 window.opener = "te…

window.name应用于浏览器端数据存储

本代码简单地分享利用window.name实现浏览器端数据存储: 1.在同一个页面一个地方设置window.name = "abc",另外一个地方读取window.name,自然能得到"abc",这个很简单就不举例了 2.利用window.name实现页面跨域交互:demo.html是主页面,proxy.html是一个空的HTML文件(由于OSC不允许不输入任何代码,所以这里加了个空script),这两个文件都在同一个域下:remote.html是另外某个域下的文件…

window.open方法被浏览器拦截的处理方式

问题现象当我们在一个 ajax 回调中执行 window.open 方法时,新页面会被浏览器拦截. 原因在 Chrome 的安全机制里,非用户直接触发的 window.open 方法,是会被拦截的. 处理 $('#jump-btn').on('click', function () { // 打开一个空标签页(此处不会被拦截) var newTarget = window.open(); $.ajax({ data: data, success: function (url) { // 修改…

关于event 和 window.event问题及浏览器兼容问题

< html> < script language="javascript"> function test(event) { event = event || window.event; if(event.keyCode==13){ alert("你按了回车") } if(event.shiftKey==true) { alert("你按了shift") } if(event.ctrlKey==true){ alert(&…

利用window.open如何绕过浏览器拦截机制

在浏览器的安全机制里,非用户触发的window.open方法是会被拦截的,例如: var btn = $('#btn'); btn.click(function () { // 算做用户触发,所以不会被拦截 window.open('http://cssha.com') }); 上面的window.open是用户click触发的,所以不会被拦截,可以正常打开新窗口.再看下面这个: var btn = $('#btn'); btn.click(function () { $.ajax({ url:…

window.open()被部分浏览器拦截问题

下面代码一切从简,大家理解即可一.原因:1.因为在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的: 二.什么情况下不会被拦截或会被拦截? 1. $('#btn').click(function () { //不会被拦截 window.open(url) }); 2. $('#btn').click(function () { $.ajax({ url: 'xxxx.com', success: function (url) { //会被拦截 window.op…

easyui组件window拖动时超过浏览器顶部则无法拖回

项目研发过程中遇到一个问题,easyui的window可以随意拖动或者放大缩小,但是鼠标只有放在“header”上面时鼠标箭头才会变成四个方向的箭头,也就是只有在这时才能拖动窗口:但是当拖动的窗口超过浏览器界限时便无法将其拖回.于是百度上一看,便有了这位博主的解决办法,亲测有效.大体思路就是让其不超出父元素界限,而且当父元素的overflow不是hidden的时候,应该允许组件超出父元素右下侧!具体解决办法转载自另一位博主 https://blog.csdn.net/Bamboo265925…

window.open跳过浏览器拦截

转自https://www.cnblogs.com/shizk/p/8458916.html $('#btn').click(function () { //打开一个不被拦截的新窗口 var newWindow = window.open(); $.ajax({ url: 'xxxx.com', success: function (url) { //修改新窗口的url newWindow.location.href = url; } }) });//先在回调函数之前打开新窗口,后再加载url…

document.frames与window.frames在不同浏览器中的使用

问题: document.frames 只有 IE Opera 支持.等同于 window.frames.用来取得当前页面内 window 对象的集合. 在 Firefox Chorome Safari 中使用 document.frames 不能获取到 FRAME 元素解决方案: 用 window.frames['myframe'] 代替 document.frames('myframe')或document.frames['myframe']. 注意:window.frames只可写成wi…

【html】window.open()被部分浏览器拦截问题

一.原因:1.因为在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的: 二.什么情况下不会被拦截或会被拦截? 1. $('#btn').click(function () { //不会被拦截 window.open(url) }); 2. $('#btn').click(function () { $.ajax({ url: 'xxxx.com', success: function (url) { //会被拦截 window.open(url); } }) })…

Make div 100% height of browser window/设置div等于浏览器的高度

Viewport-Percentage (or Viewport-Relative) Lengths Viewport-Percentage Lengths: The viewport-percentage lengths are relative to the size of the initial containing block. When the height or width of the initial containing block is changed, they are sc…

safari浏览器在window下打开控制台

有时候需要在window下测试safari浏览器的兼容性然后需要打开错误控制台以下是完整打开的图文教程 1.显示菜单栏 2.打开偏好设置 3.然后切换到高级标签勾选在菜单栏显示开发菜单 4.打开开发菜单下的错误控制台 5.直接测试…

javascript的window.ActiveXObject对象，区别浏览器的方法

(window.ActiveXObject)的作用,用来判断浏览器是否支持ActiveX控件,如果支持ActiveX控件,我们可以利用var xml=new ActiveXObject("Microsoft.XMLHTTP")的形式来创建XMLHTTPRequest对象(这是在IE7以前的版本中).在较新的IE版本中可以利用var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象:而在IE7及非…

(非妙味3)：浏览器window事件：及浏览各种尺寸介绍

(触发)window.onload; window.onscroll; window.onresize; (兼容)网页可视区尺寸.网页全文尺寸.滚动距离 (实例)广告块高度动态居中.回到顶部 alert(window.navigator.userAgent); //检测浏览器版本 window.location='http://www.miaov.com/'; //读写地址栏浏览器窗口事件: window.onload＝f…

Window.ActiveXObject的用法以及如何判断浏览器的类型

(window.ActiveXObject) 什么意思? 解:判断浏览器是否支持ActiveX控件,如果浏览器支持ActiveX控件可以利用 var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象(这是在IE7以前的版本中):在较新的IE版本中可以利用 var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象;而在IE…

浏览器阻止window.open的解决方案

先分析一下浏览器为什么会阻止window.open吧:用户主动去触发事件的浏览器不会阻止,什么是用户主动触发的呢?就是当用户去点击的一瞬间就弹出这种浏览器是不会阻止的,如果是通过setTimeout定时器延时弹出或者ajax异步处理回调后在open这种浏览器就会认为是恶意弹出就会立刻阻止. 解决办法:利用之前的重大发现应该这样处理这类问题,当用户点击的时候如果需要在异步ajax回调后open的话应该把代码改成下面这种 function test(){ $.ajax({ url:'a.html',…

window.close()方法对谷歌和火狐浏览器无效

在近期的项目中,遇到了一个问题,就是用户到新浪支付进行操作,操作成功后,指定到一个网页,需求是点击确定,关闭该网页.需求出来以后认为这种就是小菜一碟,直接用 window.close()方法就可以实现,速速的写好网页,进行测试,网页竟然关闭不了,后来查找w3cschool,是这么解释window.close()的: 方法 close() 将关闭有 window 指定的顶层浏览器窗口.某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身. 只有通过 JavaScr…

JS浏览器对象：window对象、History、Location对象、Screen对象

一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口所有JavaScript全局对象.函数以及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法 2.window尺寸 window.innerWidth 浏览器窗口的内部高度 window.innerHeight 浏览器窗口的内部高度二:JS浏览器对象-History 1.History对象 window.histo…

JavaScript浏览器对象模型（BOM）之window对象

一.BOM概述 BOM(Browser Object Model)浏览器对象模型,它提供了很多对象,用于访问浏览器的功能. BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准.所以,BOM 本身是没有标准的或者还没有哪个组织去标准它. BOM 的核心对象是 window,它表示浏览器的一个实例.window 对象处于 JavaScript 结构的最顶层,对于每个打开的窗口,系统都会自动为其定义 window 对象. 二.Window对象的属性和方法的概括…

第8章浏览器对象模型BOM 8.1 window对象

ECMAScript是javascript的核心,但如果要在web中使用javascript,那么BOM(浏览器对象模型)则无疑是真正的核心.BOM提供了很多对象,用于访问浏览器的功能,在浏览器之间共有的对象渐渐成为了事实上的标准.W3C为了把浏览器中javascript最基本的部分标准化,已经将BOM的主要方面纳入了html5的规范中. Window对象 @#BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器…