SF系统或者其它平台的系统移植WF的站点离开提示功能
首页，去WF的power.js里面找到这部分代码，然后修改，如下：
//非政府网站跳转提示
String.prototype.startWith=function(str){
if(str==null||str==""||this.length==0||str.length>this.length)
return false;
if(this.substr(0,str.length)==str)
return true;
else
return false;
return true;
}
/**
* 点击外链询问离开
* @param {this对象} _this this对象。
* @param {string} type 类型"aLink"为a链接，"select"为select下拉。
*/
function isExcelLink(_this, type) {
var o = $(_this);
var linkEcrypted = false;
var thisSrc = "";
var target = "";
if (type == "aLink") {
thisSrc = o.attr('href');
} else if (type == "select" && !!$('option:selected', o).attr('value')) {
thisSrc = o.val();
} else {
return false;
}
//判断是否加载 layer.js 库，没有的话加载！
if (typeof layer === 'undefined') {
$('body').prepend('<link href="/global/layer.css" rel="stylesheet" type="text/css">');
$('body').prepend('<script src="/global/layer.js"></script>');
}
//加入不需要外链提示的链接
if(thisSrc!=null&&thisSrc.indexOf(document.domain)<0&&!thisSrc.startWith('/')&&!thisSrc.startWith('..') && thisSrc.split("?")[0].indexOf("gov.cn")<0){
if(thisSrc.startWith('www.') || thisSrc.startWith('http')){
o.removeAttr('href');
var jx = true;
var w = '480px';
var h = 'auto';
if(window.screen.width < 768) { w = '90%'; h = 'auto';}
var cf = layer.confirm('<div style="margin-top:15px; font-size:18px;">您即将访问非政府网站链接，是否继续？</div>', {
btn:[ '继续访问', '放弃' ],
title: false,
shade: 0.7,
area: [w, h],
shadeClose: true,
cancel: function(index){ o.attr('href',thisSrc); }
}, function() {
o.attr('href',thisSrc);
layer.close(cf);
window.open(thisSrc);
}, function() {
o.attr('href',thisSrc);
});
}
}
else if (type == "select") {
window.open(thisSrc);
}
else if (type == "aLink" && linkEcrypted) {
window.open(thisSrc);
}
}
$(document).on('click', 'a:not("[data-power-noExcelLinks] a,[data-power-noExcelLink]")', function () {
isExcelLink(this, "aLink");
});
$(document).on('change','[data-power-select-ExcelLink]',function () {
isExcelLink(this, "select");
});
这样就可以实现了站点的提示功能，记住要加入layer插件。
第二：如果使用的是select则需要加入data-power-select-excellink 属性，如下：
<select data-power-select-excellink>
<option value="">-各县市（区）政府网站-</option>
<option value="http://www.qingcheng.gov.cn/">清城区</option>
</select>
这样就完成了离开站点的弹窗提示功能
用户登录
还没有账号？
立即注册