使用简单的JS动态控制此URL中的参数，以控制内容大小，适合屏幕

Using simple JS to dynamically control parameters within this URL to control content size, fitting the screen

本文关键字：控制 屏幕 参数 JS 简单 动态控制 URL      更新时间：2023-09-26

我可以使用某种JS脚本来利用url中的大小控制

吗？ 
<iframe id="myIframe" src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&amp;width=1280&amp;height=1280&amp;secure=true&amp;key=0202f0ddb5a3458aabf520e5ab790ab9&amp;"

动态强制 iframe 内容的大小与用户的浏览器窗口匹配？这将把我原始问题的解决方案与次要解决方案相结合，为我在这里的问题提供完美的解决方案。

（我在这里的目标实际上是将这个 Twitch 提要作为我网页的背景 - 调整 iframe 的实际内容大小实际上是一个非常不寻常但额外的待遇，因为 Twitch 的 url 的工作方式！

需要明确的是，我在学习 JS 的早期阶段，正在寻找一个初学者解决方案来获取浏览器窗口大小来动态控制此 url 中的参数以控制此 iframe 中内容的大小。 

width=1280&amp;height=1280&amp;

是这里的关键行。我需要使这些测量遵循视口大小而不是静态。什么方法最好？

我不知道

我是否正确理解了您的问题，但是可以通过此操作更改iframe的宽度和高度参数（使用jquery获取跨浏览器窗口的高度和宽度）

$(document).ready(function() {  
    var iframe = $("#myIframe");
    iframe.attr("width",$(window).width());
    iframe.attr("height",$(window).height());
});
相关文章：