1. 前言
在前端开发中，跨域问题是一个比较常见的问题，当我们在一个网页中引用了其他网站的资源时，就会产生跨域问题。但是有一个比较特殊的情况，就是在一个iframe中嵌套百度搜索页面时，却不存在跨域问题，那么，这是为什么呢？
2. 什么是iframe
在解答这个问题之前，我们先来了解一下iframe。iframe是指内嵌框架，可以在一个HTML文档中嵌入另一个HTML文档。使用iframe可以将一个文档插入到另一个文档中，并显示在其中的一个矩形窗口中。在许多情况下，开发人员使用iframe只是为了显示外部网站的内容。
3. 什么是跨域
跨域是指在同源策略下，不同域之间进行数据或者资源的交互操作，会受到限制，从而出现跨域问题。同源策略是指域名、协议、端口均相同的两个页面才能相互访问，否则就会引发跨域问题。
4. iframe中嵌套百度搜索页面的原理
在实际应用中，我们经常会在自己的网站中嵌套其他网站的资源，其中最常见的就是百度搜索页面的嵌套。我们可以在自己的网页中使用一个iframe标签，并将src属性设置为百度搜索页面的URL，如下所示：
<iframe src="https://www.baidu.com/s?wd=iframe嵌套" width="100%" height="500px"></iframe>将上面的代码插入到自己的网页中，就可以在网页中嵌套百度搜索页面了。需要注意的是，iframe中嵌套的页面必须支持跨域访问，才能在父页面中正常显示。
那么，为什么在iframe中嵌套百度搜索页面时，不存在跨域问题呢？
这是因为百度的服务器设置了Access-Control-Allow-Origin的响应头，允许其他域的页面向其发送请求，并获取到响应结果。这个响应头可以控制哪些域名可以跨域访问该资源。而我们在iframe中嵌套百度搜索页面时，是通过百度的服务器来获取资源的，因此即使跨域，也不会受到同源策略的限制。
5. 示例代码
下面是一个简单的例子，演示如何在网页中嵌套百度搜索页面：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iframe嵌套百度搜索页面</title>
</head>
<body>
<iframe src="https://www.baidu.com/s?wd=iframe嵌套" width="100%" height="500px"></iframe>
</body>
</html>
6. 结论
在iframe中嵌套百度搜索页面时，不存在跨域问题的原因是因为百度的服务器设置了Access-Control-Allow-Origin的响应头，允许其他域的页面向其发送请求，并获取到响应结果。因此即使跨域，也不会受到同源策略的限制。
但是需要注意的是，这并不代表所有的网页都可以在iframe中进行跨域访问，是否支持跨域访问主要取决于被嵌入页面的服务器设置。如果服务器没有设置Access-Control-Allow-Origin的响应头，那么在iframe中嵌套该页面时，仍然会受到同源策略的限制。