Javascript 使用自己的脚本更改iFrame大小
我的问题很简单，我有Javascript 使用自己的脚本更改iFrame大小,javascript,iframe,Javascript,Iframe,我的问题很简单，我有iframe，里面有两个按钮和一些javascript代码。当我单击这些按钮时，我想使用自己的脚本调整此iframe的大小。我找不到这方面的任何教程。但是，我没有为此使用jQuery 我尝试了几种方法来获取iframe对象，但什么都不起作用。是否有可能做到这一点与跨浏览器兼容？这是一种不好的做法吗 主html页面 <html> <head> <title>Main Page</title>
iframeiframeiframe<html>
<head>
<title>Main Page</title>
<style>
iframe{
border: 1px solid black;
}
</style>
</head>
<body>
<iframe src="pages/widget.html" height="150" width="150" id="iframe1">
</body>
</html>
<html>
<head>
<title>Main Page</title>
</head>
<body>
<button onclick="setSize1()">Maximize</button>
<button onclick="setSize2()">Minimize</button>
<script>
function setSize1(){
//get iframe object
iframe.style.height="300px";
}
function setSize2(){
//get iframe object
iframe.style.height="150px";
}
</script>
</body>
</html>
主页
iframe{
边框：1px纯黑；
}
<html>
<head>
<title>Main Page</title>
<style>
iframe{
border: 1px solid black;
}
</style>
</head>
<body>
<iframe src="pages/widget.html" height="150" width="150" id="iframe1">
</body>
</html>
<html>
<head>
<title>Main Page</title>
</head>
<body>
<button onclick="setSize1()">Maximize</button>
<button onclick="setSize2()">Minimize</button>
<script>
function setSize1(){
//get iframe object
iframe.style.height="300px";
}
function setSize2(){
//get iframe object
iframe.style.height="150px";
}
</script>
</body>
</html>
主页
最大化
减少
函数setSize1（）{
//获取iframe对象
iframe.style.height=“300px”；
}
函数setSize2（）{
//获取iframe对象
iframe.style.height=“150px”；
}
<script>const beer = {
name: 'Belgian Wit',
metric: 10,
keywords: ['pale', 'cloudy', 'spiced', 'crisp'] };
const markup = `<div class="beer"><h2>${beer.name}</h2><p class="brewery">${beer.metric +1}</p></div>`; document.body.innerHTML = markup;</script>
const啤酒={
名称：“比利时智慧”，
公制：10，
关键词：['苍白'，'多云'，'五香'，'脆']}；
常量标记=`${beer.name}${beer.metric+1}
`；document.body.innerHTML=标记；