ris*_*pta 8 html javascript google-chrome custom-protocol
$(function () {
$("div[href]").click(function (event) {
debugger;
//for validation purpose.
window.location = "abcd:";
//if it is validated then
window.location ="xyz:";
});
});<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Custom Protocol Detection</title>
</head>
<body id="abcd">
<h1>Click one of these labels:</h1>
<a href="#" id="atemp"></a>
<div href="blahblah:randomstuff" style="background-color:aquamarine">
Non-exist protocol
</div>
<div href="mailto:johndoe@somewhere.com" style="background-color:aqua">
Send email
</div>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="example.js"></script>
</body>
</html>此函数采用自定义协议 URL 作为参数。然后，它将创建一个临时<iframe>文件，通过模拟单击隐藏<a>元素来加载传递的 URL。
function invokeProtoLink(url) {
return new Promise(function(resolve, reject) {
// create temp frame where url will be opened
const frame = document.createElement('iframe');
frame.name = '_invoker_' + Math.random();
// create temp link and set it's target to temp frame
const lnk = document.createElement('a');
lnk.href = url;
lnk.target = frame.name;
// frame must be appended to body otherwise link will
// open in new tab, and might trigger popup blocker
document.body.appendChild(frame);
setTimeout(function() {
// remove temp frame
frame.parentNode.removeChild(frame);
resolve();
}, 0);
// a simple lnk.click() did not work in firefox
// hence we're using dispatchEvent
lnk.dispatchEvent(new MouseEvent('click'))
});
}
根据您的示例的用法是：（这必须在事件处理程序中，例如onclick）
invokeProtoLink('abcd://').then(() => {
invokeProtoLink('xyz://');
});
在 Chrome 68、Edge 42 和 Firefox 61 上进行了测试。
| 归档时间： |
|
| 查看次数： |
232 次 |
| 最近记录： |