首页>内容

iframe高度100%显示

网页前端

小坏蛋 / 02-24 / 评论 / 阅读 / 赞

作者有点忙，还没写简介

文章描述：

iframe高度100%显示以及加载不同链接

html

<div class="content-parent">
	<iframe id="iframe-one" name="iframe-one" src=""  frameborder="0"></iframe>
</div>

高度100%显示

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

禁止滚动条

scrolling=”no”

style

* {
	margin: 0;
	padding: 0;
}
body{
	width:100%;
	height:100%;
	overflow:hidden
}
.content-parent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#iframe-one{width:100%; height:100%; display:block;}

script

随机数判断，以及加载不同链接

var a = random(1,100);
console.log(a);
if(a<=20 && a> 0) {
	$('#iframe-one').attr('src','');
} else if(a<=40 && a> 20) {
    $('#iframe-one').attr('src','');    
} else if(a<=60 && a> 40) {
    $('#iframe-one').attr('src','');    
} else if(a<=80 && a> 60) {
    $('#iframe-one').attr('src','');
} else if(a<=100 && a> 80) {
	$('#iframe-one').attr('src','');
}

//console.log(random(1, 100));
function random(min, max) {

  return Math.floor(Math.random() * (max - min)) + min;

}

发布时间：2022/02/24

iframe高度100%

iframe高度100%显示

相关阅读

发表评论

最近发表