Alan Ktquez ktquez

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

Contribua

Se você quiser adicionar mais algum tópico deixe seu comentário, o objetico é facilitar para os iniciantes ou aqueles que buscam dominar JavaScript, quais tópicos são importantes para dominar JavaScript.

São tópicos para quem sabe o minimo de JavaScript (declarar variáveis), a ordem em que eles aparecem são por importância para o dominio como um todo. Mesmo que você já tenha experiência com JS, recomendo que leia os links de cada tópico para fortalecer suas bases teóricas e ter um comportamento mais profundo da linguagem.

Lista originalmente criada e compilada por Vinicius Reis

	whitelist: [
	'p',
	'h1',
	'h2',
	'h3',
	'h4',
	'h5',
	'h6',
	'hr',
	'ol',

	<select class="nyx-field__select" name="country-code">
	<option value="+55">BR (+55)</option>
	<option value="+44" Selected>UK (+44)</option>
	<option value="+1">USA (+1)</option>
	<optgroup label="Outros países">
	<option value="+213">DZ (+213)</option>
	<option value="+376">AD (+376)</option>
	<option value="+244">AO (+244)</option>
	<option value="+1264">AI (+1264)</option>
	<option value="+1268">AG (+1268)</option>

	function removeLetterAccent (value) {
	const mapLetters = {
	a: /(á\|ã\|â\|à)/g,
	e: /(é\|ê)/g,
	i: /(í)/g,
	o: /(ó\|ô\|õ)/g,
	u: /(ú\|ü\|)/g,
	c: /(ç)/g,
	n: /(ñ)/g
	}

	import Vue from 'vue'
	import axios from 'axios'
	import VueAxios from 'vue-axios'
	Vue.use(VueAxios, axios)

	export default {
	state:{
	usuario: sessionStorage.getItem('usuario') ? JSON.parse(sessionStorage.getItem('usuario')) : null,
	responseLogin: {}
	},

	<template>
	<div id="app">
	...
	<router-view />
	...
	</div>
	</template>

	<script>
	export default {

	import VueSkipTo from './plugin'

	export default VueSkipTo
	export { default as SkipTo } from './VueSkipTo.vue'

	resolve: {
	extensions: ['.js', '.vue', '.json'],
	alias: {
	'vue$': 'vue/dist/vue.esm.js',
	'@': resolve('src'),
	}
	}

	{
	path: '/login',
	name: 'Login',
	component: () => import('@/pages/Login'),
	meta: {
	layout: 'layoutLogin' // name of the layout
	}
	}