javascript - iframe标签怎么弄？

Question

iframe标签怎么弄？
接口的路径后面拼接参数 这个接口的url是iframe的src 这个怎么弄

接口的路径后面拼接参数 这个接口的url是iframe的src这个怎么弄？

Answer 1

当你想在iframe的src属性中使用一个带有参数的URL时，你可以简单地将这些参数附加到URL的末尾，使用?开始参数列表，每个参数由&分隔。下面是一个示例：

假设你的接口URL是 https://example.com/myinterface 并且你想要附加两个参数 param1 和 param2，它们的值分别是 value1 和 value2。

你可以这样设置iframe的src属性：

<iframe src="https://example.com/myinterface?param1=value1&param2=value2" width="500" height="500"></iframe>

在这个例子中，iframe将尝试加载 https://example.com/myinterface?param1=value1&param2=value2 这个URL。

如果你是在JavaScript中动态设置这个URL，你可以这样做：

var param1 = 'value1';
var param2 = 'value2';
var iframe = document.createElement('iframe');
iframe.src = 'https://example.com/myinterface?param1=' + param1 + '&param2=' + param2;
iframe.width = '500';
iframe.height = '500';
document.body.appendChild(iframe);

注意：在实际应用中，为了避免可能的注入攻击，当你使用变量来构建URL时，你应该始终确保这些变量是安全的。如果变量可能包含用户输入或其他不受信任的数据，你应该考虑对这些数据进行清理或转义。