简介
javascript 通信协议是一个伪协议, 用于指定 URL 为 JavaScript 代码
语法:
javascript:someScript;
someScript 是一个或多个使用 ; 分隔的 JavaScript 语句.
示例
<a href="javascript:alert('JavaScript Link!');">JavaScript Link</a>特点
返回值会替换当前文档
对于 Chrome 浏览器来说, 如果最后一条 JavaScript 语句的值为字符串 (使用'', "" 或 ` 括起来的值), 那么该字符串会替换当前文档的内容, 作为新文档显示出来
对于 Firefox 浏览器来说, 如果最后一条浏览器的返回值不为 undefined, 那么就调用该返回值的 toString() 方法 (如果 toString() 方法不存在就调用 valueOf() 方法), 得到的结果作为新文档显示出来
返回值为 undefined 的几种常见写法
javascript:;
javascript:undefined; // 全局变量 undefined 的值可能被更改
// void 将之后的内容当作表达式, 然后对该表达是求值, 并始终返回 undefined, 而不管全局变量 undefined 的值是否被改变
// 以下写法等价
javascript:void(0);
javascript:void 0;用途
任何使用 URL 的地方都可以使用该通信协议
在保留锚元素 href 属性的同时防止点击锚元素页内/外跳转
javascript:;
javascript:undefined;
javascript:void(0);
当作 bookmarklet
// 修改书签的 URL 为以下代码, 就可实现分屏功能
javascript:'<html><head><title>'+document.title+'</title></head><body><iframe width="50%" height="100%" src='+location.href+'></iframe><iframe width="50%" height="100%" src='+location.href+'></iframe></body></html>';
执行 JavaScript 代码 (不推荐)
// 更改页面背景为绿色 (推荐为锚元素绑定事件来更改页面背景)
<a href="javascript:void(document.body.style.backgroundColor='green');">
// 打开新页面 (注意需返回 undefined, 否则在火狐浏览器会替换文档)
<a href="javascript:window.open('about:blank'); void(0);">vue.js $emit/$on的用法和理解_vue组件之间数据传输通信
每个 Vue 实例都实现了事件接口vm.$emit( event, arg ) 触发当前实例上的事件；vm.$on( event, fn )监听event事件后运行。实例说明：Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信，Vuejs 用$emit与$on来进行跨页面之间的数据传输通信
两个浏览器窗口间通信总结
两个浏览器窗口间通信：一个窗口更新localStorage，另一个窗口监听window对象的storage事件来实现通信；所有的WebSocket都监听同一个服务器地址，利用send发送消息，利用onmessage获取消息的变化；借助iframe 或 window.open；HTML5 中的 Web Worker 可以分为两种不同线程类型
前端跨页面通信，你知道哪些方法？
在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。
Vue组件之间通信的七种方式
使用Vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。父子组件之间的通信props和$emit 父组件通过props将数据下发给props
浏览器标签页之间通信的实现
前端开发过程中，总是避免不了要进行前端标签页之间的通信，最经典的例子莫过于音乐播放网站中，当第一次点击播放列表中的歌曲时，它会打开一个新的标签页进行播放，而当在列表中再次点击歌曲播放时
基于 ThinkJS 的 WebSocket 通信详解
我们的项目是基于 ThinkJS + Vue 开发的，最近实现了一个多端实时同步数据的功能，所以想写一篇文章来介绍下如何在 ThinkJS 的项目中利用 WebSocket 实现多端的实时通信。ThinkJS 是基于 Koa 2 开发的企业级 Node.js 服务端框架
Socket是如何通信的？
其实服务器的处理和客户端大同小异，分三个逻辑分支：检索成功，用检索到的Socket来处理接收报文；检索失败，服务器侦听（listen）目的端口，创建全新的Socket服务客户；检索失败，服务器没有侦听目的端口，丢弃处理
vue中使用v-model完成组件间的通信
如何实现两个组件之间的双向传递呢？即，在父组件中修改了值，子组件会立即更新。在子组件中修改了值，父组件中立即更新。vue中有一个很神奇的东西叫v-model，它可以完成我们的需求。
vue父子组件通信高级用法
vue项目的一大亮点就是组件化。使用组件可以极大地提高项目中代码的复用率，减少代码量。但是使用组件最大的难点就是父子组件之间的通信。父组件通过$refs调用子组件的方法。 以上就是父子组件通信的方式
微服务的三种通信方法
在微服务架构的世界中，我们通过一系列服务构建应用。集合中的每项服务都符合以下标准：松散耦合、可维护和可测试、可以独立部署，微服务架构中的每个服务都解决了应用中的业务问题
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!