这篇文章主要介绍了window.open()的使用及浏览器兼容性问题方面的知识,感兴趣的朋友可以参考下   一.基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口名字 parameters 为窗口参数(各参数用逗号分隔) 二.示例 复制代码代码如下: <script type="text/javascript"> window.open('page.html','newwindow'…
一.浏览器同源策略 首先我们需要了解一下浏览器的同源策略,关于同源策略可以仔细看看知乎上的一个解释.传送门 总之:同协议,domain(或ip),同端口视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源.这种安全限制称为同源策略. ( 现代浏览器在安全性和可用性之间选择了一个平衡点.在遵循同源策略的基础上,选择性地为同源策略"开放了后门". 例如img script style等标签,都允许垮域引用资源.) 下表给出了相对 …
(function( $, jQuery , undefined ) {})(jQuery); 为什么要将window和undefined作为参数传给它? 因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率.undefined在老一辈的浏览器是不被支持的,直接使用会报错,js框架要考虑到兼容性,因此增加一个形参undefined. ; (function( window ) { alert(window.unde…
前一段时间被安全部门查出,明文传递密码,被要求整改. 然后就进行了引入了第三方的base64编码的js库,进行了编码然后传递. 其实在前端的加密都是寻求一个心理安慰,作用是微乎其微的,确实也更加好那么一点. 今天在看 filer 无意看到了 btoa和atob. 这不就是内置的base64编码和解码么,那么接下来有两个问题 兼容性和中文的支持情况 兼容性 兼容性IE10以上和其他浏览器都支持,还是相对不错的,要是移动端都支持. 借两张 MDN的图片,要是真遇到IE怎么办,引入polyfill库,…
window.atob() 与window.btoa() WindowBase64.atob() 函数用来解码一个已经被base-64编码过的数据.你可以使用 window.btoa() 方法来编码一个可能在传输过程中出现问题的数据,并且在接受数据之后,使用 window.atob() 方法来将数据解码.例如:你可以把ASCII里面数值0到31的控制字符进行编码,传输和解码. window.btoa():将ascii字符串或二进制数据转换成一个base64编码过的字符串,该方法不能直接作用于Un…
使用匿名自执行函数的作用: (function(window,document,undefined){})(window,document); 1.首先匿名函数 (function(){}) (); 避免函数体内外变量的冲突(js执行表达式顺序为圆括号里到圆括号外); 2.后面的圆括号中(window,document)的window为实参,接受window对象(window对象是全局环境下的):而function后面的圆括号function(window,document,undefined)…
在编写前端页面的时候,我们时常需要对页面加载的状态进行判断,以便进行相应的操作. 比如在移动端,时常需要在页面完全加载完成之前,先显示一个loading的图标,等待页面完成加载完成后,才显示出真正要展现的页面元素.见代码1: <html> <head> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script> function isL…
错误写法 , 主要是在 href="#"这里 <a href="#" id="send" onclick="return buttonClick();">发送</a> 脚本如下 if (data == "发送成功") { alert(data); window.location.href = window.location.href; } 正确的写法  href 后面跟一个 java…
今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如…
window.parent针对iframe,window.opener针对window.open 父页面parent.jsp: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//E…
window.location和window.open的区别 window.location = "http://www.baidu.com" 跳转后有后退功能 window.location.replace("http://www.baidu.com") 跳转后没有后退功能 window.open("http://www.baidu.com") 要新的窗口打开链接…
一.Iframe 篇 公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i…
★  window.onload  当页面加载完毕的时候执行,即在当前页面进行其他操作之前执行.如,刚进入某个网页的弹窗提示. (  与window.onload相近的可以参考我写的另外一篇记录"比较body.onload(function()).$(document).ready(function())与$(windows).load(function)"  ) ★  window.onbeforeunload 与 window.onunload 的比较 window.onbefor…
来自CSDN的问答: window.opener是什么啊? ++++++++++++++++++++++++++++++++++++++++++++++++++ 弹出本窗体的句柄 比如你想点一个按钮直接把该窗体关闭,但又不想弹出提示确认,问你是否要关闭. 可以如下写:window.opener=null;windows.close(); ++++++++++++++++++++++++++++++++++++++++++++++++++ 是在子网页中表示父网页.. 如由a网页打开b网页,则在b中…
今天总结一下js中几个对象的区别和用法: 1.首先来说说 parent.window与top.window的用法 "window.location.href","location.href" 是本页面跳转 "parent.location.href" 是上一层页面跳转 "top.location.href" 是最外层的页面跳转 举例说明: 如果A,B,C,D都是窗口,D是C的iframe,C是B的iframe,B是A的ifra…
原文地址: $(document).ready vs $(window).load vs window.onload $(document).ready We execute our code when DOM is ready except images. //call type 1 $(document).ready(function() { /** work when all HTML loaded except images and DOM is ready **/ // your co…
window.parent与window.openner区别介绍 作者: 字体:[增加 减小] 类型:转载 今天总结一下js中几个对象的区别和用法,对这几个概念混淆的朋友可以看看 今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 &quo…
一.Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&& //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValu…
简单的说,就是一个在弹出窗口之后可以做其它的事,即window.open 另一个在弹出窗口之后不能做其它的事,只能是关闭了当前的窗口之后才能做其它的事,即window.showModalDialog 那么两者在使用上有什么不同呢?他们分别是如何和父窗口进行交互的呢? 先来看window.showModalDialog的例子: 我这里现在有一个父窗体parent.jsp,它里面有一个方法 function openChild(){                var temp = window.…
iframe和frameset中可能会用到window.parent.window.top 其中window.parent是相对于打开子页面的当前js所在页面的层级: 例如:a页面中包含一个iframe页面b, 同时a页面中有一个common.js 文件,当在b页面中调用common.js中的函数打开页面c时, 在c页面中调用window.parent.fnName()找到的是common.js或者a页面中的函数,而不是b页面中的函数.…
有时候,我们想通过JS实现一个<a>的新开标签的效果,此时我们想到了window.open方法实现.那么window.open到底应该怎么使用呢?   我们知道window.open可以新开窗口或标签页(这通常和浏览器的设置选项有关),载入指定的URL到新的或已存在的窗口中,并返回代表那个窗口的window对象.window.close可以关闭窗口,但是只能自动关闭JS打开的窗口,如果要关闭其他窗口,必须提示用户进行确定或取消操作(这个与浏览器相关,经测IE需要提示才能关闭:其他浏览器不允许自…
window.parent 是iframe页面调用父页面对象 举例: a.html 如果我们需要在b.html中要对a.html中的username文本框赋值(就如很多上传功能,上传功能页在ifrmae中,上传成功后把上传后的路径放入父页面的文本框中), 我们应该在b.html中写: var _parentWin = window.parent;_parentWin.form1.username.value = "xxxx"; window.opener 是 window.open 打…
有这样一个需求,弹出一个新窗口 并从该新页面的select选择框中选择需要的类别,再返回到之前的父窗口页面的某个文本框中.这里就要用到window.parent和window.opener 如题两种方法都是javascript调用父窗口的方法. 1.window.parent是iframe页面调用父窗口对象 比如:parent.jsp 里面有一个文本框 <input id="username" value=""> <iframe scrolling…
由于非常感兴趣, 我查询了很多关于IIFE (immediately-invoked function expression)的东西, 如下: (function (window, document, undefined) {// })(window, document); 那么为什么不写一篇关于它的文章呢? ;-) 首先,它有一系列不同的东西.从头开始: 作用域 JavaScript有function 作用域, 所以它被用在必须私有作用域的地方.举个例子: (function (window,…
window.opener和window.open的使用 window.opener是指调用window.open方法的窗口.window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为:window.opener.document.getElementById("name").value = "输入的数据&q…
原文地址:What (function (window, document, undefined) {})(window, document); really means 按原文翻译 在这篇文章中,我们将探讨标题所暗示的内容,并解释自调用函数设置给我们带来了什么. 有趣的是,我被问到关于IIFE(即时调用的函数表达式)的很多,它采用以下设置: (function (window, document, undefined) { // })(window, document); 那么为什么不写一篇关…
http://hi.baidu.com/yashua839/blog/item/131fdb2fe547ef221f3089af.html一.Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&a…
偶尔看到了document.referrer,之前一直有点疑惑与window.opener 和 window.parent之间的区别 首先查了一下w3cSCHOOL, 上面的解释:referrer 属性可返回载入当前文档的文档的 URL. 但是解释中没有写怎么载入才能用referrer, 翻看了几篇文章,终于搞懂了. window.opener是当前页面A通过open方法弹出一个窗口B,那在B页面上 window.opener就是A window.parent是当前页面C通过location.h…
window.open()与window.showModalDialog区别 弹出窗口两种方式:    1.window.showModalDialog:      var feature = "dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable:no;center:yes";      window.showModalDialog(url, Object(传给弹出窗口的参数,可以是任何类…
w 0-会议预订提交了预订日期,预订成功后默认显示仅显示当前日期的新页面若显示预定日的信息,则可以对预定日存入cookie: http://stackoverflow.com/questions/2405117/difference-between-window-location-href-window-location-href-and-window-location " If I remember correctly, window.location.reload() reloads the…