Iframe 的JS跨域问题

最新推荐文章于 2023-10-30 15:23:21 发布
最新推荐文章于 2023-10-30 15:23:21 发布
阅读量403 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoxing1521025/article/details/8127291
版权 
1、跨域调用js中的方法或者窗口中数据是没办法，因为这会涉及到网站数据的安全问题，想象一下你做了一个网站，别人做一个Iframe给链接过去了，并且还能通过他自己的页面操作你这个页面的一些元素或者节点数据、动作之类的，你不会郁闷死？？
 

2、最好的就是在同一个域名下面就不会存在这个问题,好像还有一个就是设置对应框架的所属域名(这个你查一下资料,好像是是设置对应的所属),最复杂的就是在js中提交一个对应的请求到另一个域名中,另一个把处理结果返回来,不过这需要是同一个人在服务器操作


                

        

        

    




    

      

        

            

              
                
                  指尖上的程序
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
JS获取跨域IFRAME中的内容，支持FIREFOX和IE

				
			

			

				

					gio301的专栏
				

				

					12-29
					
					3297
					
				

			

		

		

			
				
JS跨域的问题如果父页和包含的页是在同一个根域不同自域的情况下，根域为CSDN.COM，不同自域比如A.CSDN.COM和B.CSDN.COM  这种情况下可以用该方法实现   关键就是设置他们的主域相同  document.domain = "csdn.com";具体实现：a.csdn.com/a.html中的文件"-//W3C//DTD XHTML 1.0 Strict

			
		

	



                

              
                



	

		

			

				
					
用js互相调用iframe页面内的js函数

				
			

			

				

					09-28
				

			

		

		

			
				
最近，天天搞论文开题报告，一时技痒，再次设计Web，一下子就碰到一个问题，以前设计WEB页的时候都是在IE里面跑的，从来没有考虑过firefox 更别提chrome了，可是现在不同了，至少我认为不兼容Firefox的WEB页面是极其丑陋和山寨的，所以从有个这个观念开始，我设计页面就开始

			
		

	



                


  
              

                


	

		

			

				
					
解决JS跨域访问IFrame的解决方案

				
			

			

				

					08-04
				

			

		

		

			
				
通过HTTPClient界面在JSP中嵌入iframe子界面跨域时，无法获取跨域界面的属性值的问题

			
		

	





	

		

			

				
					
js解决iframe跨域问题

				
			

			

				

					asdfgh0077的博客
				

				

					01-29
					
					256
					
				

			

		

		

			
				
js解决iframe跨域问题

			
		

	



		

			
		



	

		

			

				
					
iframe跨域

				
			

			

				

					weixin_33918114的博客
				

				

					12-28
					
					160
					
				

			

		

		

			
				
前面的话
　　script、image、iframe的src都不受同源策略的影响。所以可以借助这一特点，实现跨域。例如，前面介绍的jsonp是使用script标签，imgPing是使用image标签，而本文将介绍使用iframe标签实现跨域
 
引入
　　1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A 网页设置的 Cooki...

			
		

	





	

		

			

				
					
完美解决iframe跨域问题

				
			

			

				

					04-18
				

			

		

		

			
				
3. **iframe跨域问题**：当iframe加载的页面与包含它的页面不在同一个域时，就会出现跨域问题，导致无法直接通过JavaScript进行通信，如获取iframe内的内容、设置iframe的属性等。  **二、iframe跨域的解决方案**  1...

			
		

	





	

		

			

				
					
iframe跨域问题

				
			

			

				

					03-07
				

			

		

		

			
				
iframe跨域问题：Uncaught DOMException Blocked a frame with origin解决方法

			
		

	





	

		

			

				
					
iframe跨域常用问题和iframe页面自适应

				
			

			

				

					08-20
				

			

		

		

			
				
本篇文章将深入探讨两个关键知识点：`iframe`跨域问题以及`iframe`页面的自适应。  一、`iframe`跨域问题  跨域是Web开发中的一个重要概念，它限制了浏览器从一个源获取另一个源的资源，以保护用户的安全。当`iframe...

			
		

	





	

		

			

				
					
深入分析Javascript跨域问题

				
			

			

				

					10-24
				

			

		

		

			
				
JavaScript中的跨域问题源于浏览器实施的同源...总的来说，解决JavaScript跨域问题需要根据具体需求选择合适的方法，既要考虑安全性，也要考虑兼容性和性能。在实际开发中，通常会结合使用多种策略，以达到最佳效果。

			
		

	





	

		

			

				
					
js跨域问题之跨域iframe自适应大小实现代码

				
			

			

				

					10-29
				

			

		

		

			
				
前几天做公司和开心网合作项目的时候 碰到iframe 跨域自适应的问题刚开始很迷惑 开心网那边技术工程师给我发了一段这样子的代码。

			
		

	





	

		

			

				
					
springBoot整合swagger,开启x-frame-options,跨域访问，解决ifrom嵌套问题

				
			

			

				

					牛哥哥的博客
				

				

					07-25
					
					2315
					
				

			

		

		

			
				
背景：
swagger可以说是前后端分离时代前后端开发人员交流的一个重要工具，关于swagger我就不做说明了，这里说一下我遇到的问题。swagger虽然方便但是随着服务的增多，前端的同学在切换不同服务的时候会频繁输地址，不太友好。
想法：
能不能单独拉个页面，把swagger都放在一起，前端同学只需要点按钮切换就行例如：

但是你会发现一个问题swagger默认添加安全标头的响应，所以点user服务的swagger是不会嵌入带ifrom中来
解决：
其实很简单，只需要在security中开启就好
@Ena

			
		

	





	

		

			

				
					
iframe嵌套页面 跨域

				
			

			

				

					fendou_0123456789的博客
				

				

					03-26
					
					569
					
				

			

		

		

			
				
https://www.cnblogs.com/cxx8181602/p/11174662.html

本人做笔记参考使用


			
		

	





	

		

			

				
					
JavaScript获取iframe的内容

				
			

			

				

					qqmmcc的专栏
				

				

					07-31
					
					658
					
				

			

		

		

			
				
<br /><!-- tj1.tongji.la --><br /><script language="JavaScript" type="text/javascript"><br />var __Iframe = true;<br /></script><br /><span id="__IframeCount" name="__IframeCount"></span><br /><script language="JavaScript" src="http://tj1.tongji.la/count/1

			
		

	





	

		

			

				
					
通过iframe嵌入三方系统时遇到的跨域问题及解决方案

					
最新发布

				
			

			

				

					_老逄
				

				

					10-30
					
					1万+
					
				

			

		

		

			
				
总结在iframe嵌入第三方系统时遇到的跨域访问问题

			
		

	





	

		

			

				
					
js中iframe跨域问题解决

				
			

			

				

					zcm937166934的博客
				

				

					07-03
					
					893
					
				

			

		

		

			
				
js中iframe跨域问题解决我用的是document.domain = “xxx.com”使用场景解决方案分析完毕
我用的是document.domain = “xxx.com”
使用场景
aaa.xxx.com域名中的a.html页面中引用了iframe，src类似：bbb.xxx.com域名的b.html(或者b.js)，
现在b.js中需要获取a.html中的数据。
解决方案
在所有跨域的...

			
		

	





	

		

			

				
					
iframe跨域解决方案

				
			

			

				

					mhx123456789的博客
				

				

					07-30
					
					133
					
				

			

		

		

			
				
iframe跨域解决方案

			
		

	





	

		

			

				
					
解决iframe跨域问题

				
			

			

				

					weixin_44484674的博客
				

				

					10-19
					
					2万+
					
				

			

		

		

			
				
开发工具与关键技术：iframe跨域
撰写时间：2020-10-18
一、问题描述
使用iframe通过iframe子页面调用父页面或父页面调用iframe子页面时，因为违反了浏览器安全策略，无法跨iframe获取到另一页面的数据，在控制台中可以看到如下报错
Blocked a frame with origin “http://localhost:****”null from accessing a cross-origin frame.
二、通过postMessage方法安全地跨iframe进行通信
1

			
		

	





	

		

			

				
					
 前端常见跨域解决方案（全）

				
			

			

				

					weixin_34281537的博客
				

				

					09-13
					
					2228
					
				

			

		

		

			
				
什么是跨域？
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 
广义的跨域：
1.) 资源跳转： A链接、重定向、表单提交
2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@f...

			
		

	





	

		

			

				
					
通用版解决跨域问题，父页面获取iframe里面的内容

					
热门推荐

				
			

			

				

					劲枫的博客
				

				

					04-24
					
					6万+
					
				

			

		

		

			
				
 

父页面获取iframe里面内容的解决方案如下：

 

实验如下：开两个服务器，一个端口9000，一个端口9001

现在在9000页面要放一个iframe指向9001的一个页面，再在9000父页面打印9001iframe里面的东西是访问不了的，提示跨域了，端口不一样 

 



 

现在的目标：父页面127.0.0.1:9000访问自己iframe src=127.0.0.1:9001...

			
		

	





	

		

			

				
					
iframe嵌套跨域问题如何解决

				
			

			

				

					05-26
				

			

		

		

			
				
iframe 嵌套跨域问题是指在一个网页中嵌入了另一个不同域名的网页时，由于浏览器的同源策略限制，导致两个网页之间无法直接进行通信。解决这个问题的方法有以下几种：

1. 使用 postMessage 方法：在父窗口和子窗口之间建立一个通信通道，通过 postMessage 方法发送消息来实现数据的传递和交互。

2. 修改子窗口的 document.domain：如果两个网页的主域名相同，但是二级域名不同，可以通过在子窗口中设置 document.domain 属性为父窗口的主域名，来实现跨域通信。

3. 代理跨域请求：在父窗口中设置一个代理服务器，通过代理服务器来转发子窗口的跨域请求，从而实现跨域通信。

4. 使用 JSONP：通过在子窗口中引入一个跨域的 JavaScript 文件，该 JavaScript 文件会调用一个定好的方法并传递数据，父窗口通过该方法获取到数据来实现跨域通信。

以上方法根据实际情况选择合适的方法来解决跨域问题。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值