js页面间通信,js页面间通信方法

作者:计算机知识

1、概述

  在写页面包车型大巴时候一时会遇见这么的必要,需求四个页面之间传递数据也许一个轩然大波。那个时候,就要求用到本人今日所要讲的storage事件,学习那些事件以前,要求先精晓localStorage的用法。具体用法能够查看别的文书档案。出发storage事件的尺度如下:

  在写页面的时候不经常会境遇这么的需求,须要多少个页面之间传递数据也许二个事变。那个时候,就供给用到自身前天所要讲的storage事件,学习那一个事件从前,要求先领会localStorage的用法。具体用法能够查阅别的文书档案。出发storage事件的规范如下:

DOM0级事件管理程序

应用DOM0级方法内定的事件管理程序被感觉是因素的艺术,这时的事件管理程序是在要素的功能域中运转。

删去事件管理程序
btn.onclick = null;

  1. 同1个浏览器张开了多个同源的页面
  2. 三个网页中期维修改localStorage
  3. 另一网页注册了storage事件
  1. 同3个浏览器张开了多个同源的页面
  2. js页面间通信,js页面间通信方法。二个网页中期维修改localStorage
  3. 另一网页注册了storage事件

DOM二级事件管理程序

addEventListener removeEventListener
add伊夫ntListener可以加上多个事件处理程序,试行种种与充分各种同样
在移除时,传入的参数要和增加处理程序时行使的参数同样。
据此remove伊芙ntListener没办法移除直接在add伊芙ntListener里增多的无名函数
化解办法是把函数拿出来,并变为具名
下一场把办法名放到add伊夫ntListener和remove伊夫ntListener里用

ie玖 都匡助DOM二级事件管理程序

localStorage 或者sessionStorage存储的数据发生时会触发storage事件。

  storage事件,唯有在同源页面下,才有效应,分歧源是未有作用的。那么怎么着是同源呢?

  storage事件,唯有在同源页面下,才有功力,分歧源是未有功用的。那么怎么样是同源呢?

IE事件管理程序

attachEvent detachEvent
那多少个点子都以带八个参数,注意第3个参数应该是类似‘onclick’那样的,而不是和DOM二同一用'click'
从未有过第七个参数,因为都以在冒泡阶段实施
事件的成效域是大局意义域window
可以加上八个事件,推行顺序和增多依次相反
移除的艺术同remove伊夫ntListener

支撑IE事件管理程序的浏览器有IE和Opera

2、示例

  U本田CR-VL由和煦、域名、端口和门路组成,如若七个U福睿斯L的说道、域名和端口一样,则意味他们同源。举个栗子:

  UEnclaveL由和煦、域名、端口和路径组成,借使几个USportageL的合计、域名和端口同样,则代表他们同源。举个栗子:

事件指标

在触发DOM上的有个别事件时,会生出叁个轩然大波指标event,这一个目的中蕴涵着全部与事件有关的新闻。

示范中会议及展览示全数的storage事件属性值。

1 http://www.wszdaodao.cn/demo/index.html
2 //这个网址,协议是http://域名是www.wszdaodao.cn,端口是80(默认端口可以省略)
3 
4 //对比URL:
5 http://www.wszdaodao.cn/demo2/other.html     //同源
6 http://www.wszdaodao.cn:81/demo/index.html   //不同源
7 http://sxh.wszdaodao.cn/demo/index.html      //不同源
8 http://www.mamama.cn/demo/index.html         //不同源
1 http://www.wszdaodao.cn/demo/index.html
2 //这个网址,协议是http://域名是www.wszdaodao.cn,端口是80(默认端口可以省略)
3 
4 //对比URL:
5 http://www.wszdaodao.cn/demo2/other.html     //同源
6 http://www.wszdaodao.cn:81/demo/index.html   //不同源
7 http://sxh.wszdaodao.cn/demo/index.html      //不同源
8 http://www.mamama.cn/demo/index.html         //不同源

DOM中的事件指标

bubbles 是或不是冒泡
cancelable 是或不是能够裁撤事件的暗许行为
currentTarget 当前正在处监护人件的非常元素
defaultPrevented 为true表示曾经调用了preventDefault()
detail 与事件有关的底细消息
eventPhase 调用事件管理程序的级差,壹代表捕获阶段,二意味着处于目的,3意味冒泡阶段
preventDefault()撤消事件的私下认可行为,若是cancelable是true,则能够动用那一个艺术
stopPropagation()打消事件的愈发捕获或然冒泡
target 事件的靶子
type 被触发的轩然大波类型

本文由bwin必赢发布,转载请注明来源

关键词: 前端 js技术 js事件 亚洲必赢76.net