Question

我想创建一个动态高度Iframe。

我正在建立一个自定义搜索引擎，我必须使用谷歌搜索数据显示我的数据。

意思是：如果我在搜索文本框中输入“asdq”，那么它会显示我的数据结果和自定义谷歌搜索结果。

我想将iframe的高度更改为谷歌发送的内容。意思是：如果Google发送1个数据然后10px等，让Google发送10行，那么我的iframe大小将是100px。

如果我修正了iframe的高度，那么如果有更多数据来自Google，则滚动条会转到iframe。

你可以看到我的问题here

其实我想删除iframe的滚动条，这样只有一个滚动条就是页面滚动条。

请帮助

提前致谢。

Answer 1

如果我们无权访问iframe的主体，我们无法设置iframe的大小，如果它从其他域获取数据的话。

我们可以用它来解决这个问题。

<script type="text/javascript">
    google.load('search', '1'); // loads Google Search library, v 1
// get a custom search control & keep it in cseControl
// note: put your own custom search ID number here
var cseControl = new  google.search.CustomSearchControl('009827885688477640989:igzwimalyta');
// open pages from search results clicks on the same page
cseControl.setLinkTarget(google.search.Search.LINK_TARGET_SELF);
// when there are no matches, explain why
cseControl.setNoResultsString("Sorry, there are no pages in this web site that match  all the search terms.");
// make the search field visible in div with ID 'cseDiv'
cseControl.draw('divGoogleResult');

 cseControl.execute(userInput);

</script>

如何设置跨域的iframe高度

1 个答案: