【问题标题】:Want to Create Dynamic Website Embed Link?想要创建动态网站嵌入链接?
【发布时间】:2021-10-27 23:32:19
【问题描述】:

如果用户访问了网站并且当前的热门 URL 是“https://website.com/?code=https://webbbb.com”

所以我想将 iframe url "https://webbbb.com" 动态设置为自动嵌入网站链接。

因为我在我的主网站上嵌入了另一个完整的网站...

【问题讨论】:

  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: javascript html embed


【解决方案1】:
<iframe id="myIframe" src="about:blank"></iframe>
<script type="text/javascript">
    var queryString = window.location.search; //saving the get params
    var urlParams = new URLSearchParams(queryString); //Documentation on https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams
    function getIFrameSite() {
        if(urlParams.has("code")){
            document.getElementById('myIframe').src = urlParams.get("code");;
        }    
    }
    getIFrameSite();
</script>

【讨论】:

  • 该功能正在运行,iframe 因获取参数“代码”而发生变化。我可以知道你是如何测试这个功能的吗?复制并粘贴到 html 文件中,打开文件,然后尝试添加链接 ?code= 确保您尝试嵌入 iframe 的网站未设置为拒绝 iframe(如果您看到一条错误消息,这意味着该网站不适用于 iframe 嵌入,您可以在浏览器的控制台日志中检查)
  • 对不起我的错误。它可以工作,但不能在 Google 协作平台上工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-25
  • 1970-01-01
  • 2014-08-27
  • 1970-01-01
相关资源
最近更新 更多