<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>art</title>
<style>
div{
border: 1px solid #eee;
}
iframe{
width: 100%;
height: 900px;
border: 1px solid #eee;
}
</style>
</head>
<body>
<iframe src="./main.html" frameborder="0">
</iframe>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/artDialog/6.0.2/dialog-min.js"></script>
<script src="https://cdn.bootcss.com/artDialog/6.0.2/dialog-plus-min.js"></script>
<script>
$(function(){
})
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>art</title>
<style>
div{
border: 1px solid #eee;
}
</style>
</head>
<body>
<button id="open">open</button> <input type="text" id="value">
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/artDialog/6.0.2/dialog-min.js"></script>
<script src="https://cdn.bootcss.com/artDialog/6.0.2/dialog-plus-min.js"></script>
<script>
$(function(){
$("#open").click(function(){
var d = top.dialog({
id: 'id-demo',
title: 'loading..',
url: './test.html',
//quickClose: true,
onshow: function() {
console.log('onshow');
},
oniframeload: function() {
console.log('oniframeload');
},
onclose: function(v) {
if (d.returnValue) {
$('#value').html(d.returnValue);
console.log(d.returnValue,'vvv');
console.log(this.returnValue,'www');
}
console.log('onclose',v);
},
onremove: function() {
console.log('onremove');
}
})
.show(this);
})
})
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>art</title>
</head>
<body>
弹出页面
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/artDialog/6.0.2/dialog-min.js"></script>
<script src="https://cdn.bootcss.com/artDialog/6.0.2/dialog-plus-min.js"></script>
<script>
$(function(){
setTimeout(function(){
top.dialog.get('id-demo').title('8888888888').close('444');
},3000)
})
</script>
</body>
</html>