gpt4 book ai didi

javascript - 如何在另一个文件的html上加载js Action

转载 作者:行者123 更新时间:2023-11-28 17:26:18 25 4
gpt4 key购买 nike

我有两个不同文件的场景,我需要在另一个文件中加载一个 html。

iframe.html:

<select data-placeholder="Choose a Country..." class="flexselect">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Algeria">Algeria</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
</select>
<iframe src="index.html" style="width:100%; border: 0px solid #fff;"></iframe>

index.html:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://rmm5t.github.io/jquery-flexselect/flexselect.css">
</head>
<body>
<script src="http://code.jquery.com/jquery-1.6.4.js" type="text/javascript"></script>
<script src="http://rmm5t.github.io/jquery-flexselect/jquery.flexselect.js" type="text/javascript"></script>
<script src="http://rmm5t.github.io/jquery-flexselect/liquidmetal.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("select.flexselect").flexselect();
});
</script>
</body>
</html>

它没有显示任何错误,同时它也不起作用。我观察到它没有在 iframe 标签上方的选择标签上触发。

如果我将选择标记内容保留在 index.html 页面中,它会起作用,但 iframe 不允许显示完整的下拉内容。它被限制在一定高度并允许滚动。

所以我不能在iframe中保留select标签,它应该在iframe之外。

我们怎样才能使它可行?

最佳答案

你应该知道,iframe 和父窗口之间的通信是如何工作的。以下代码可用于调用父窗口方法。

window.parent.functionName();

关于javascript - 如何在另一个文件的html上加载js Action ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39761532/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com