html5多屏展示,网页简单展示多屏刷新效果

在日常的生成中，会使用到多屏显示问题

一、前提准备：

二、前端设置，使用 标签的target属性可以简答的实现多个tab的联动刷新效果！target指定值，在浏览器中会打开一个tab窗口，如果替换窗口的内容，请求新的连接的时候，target值不变，则可以刷新指定的窗口内容！

刷新

刷新2

function opens() {

window.open('http://www.baidu.com','baidu');

window.open('https://www.google.cn','google');

window.open('https://www.cnblogs.com/lovezbs/p/14139317.html','cnblogs');

}

function opens2() {

window.open('https://blog.youkuaiyun.com/weixin_36302134/article/details/112744984?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_baidulandingword-0&spm=1001.2101.3001.4242','baidu');

window.open('http://www.hollischuang.com/archives/1716','google');

window.open('https://blog.youkuaiyun.com/baidu_33116785/article/details/52290062','cnblogs');

}

//当window.open(url,"_blank"),无效时，可用如下方法。

//function openwin(url) {

//var a = document.createElement("a");

//a.setAttribute("href", url);

//a.setAttribute("target", "_blank");

//a.setAttribute("id", "camnpr");

//document.body.appendChild(a); a.click();

//}

效果：