一种跨域实现javascript加载本地html文件的方法技术

一种跨域实现javascript加载本地html文件的方法，涉及计算机网络技术领域。一种跨域实现javascript加载本地html文件的方法其特征是，使用iframe元素，具体包括以下步骤：1)、在javascript中动态构造iframe元素，2)、iframe跨域加载本地html文件，3)、javascript将iframe加载到当前页面中，4)、根据iframe的元素id，取到iframe元素body中的html内容。有益效果是，实现流程简易，易于实现的特点。同时也具有加载速度快，加载准确的效果。

【技术实现步骤摘要】
一种跨域实现javascript加载本地html文件的方法
本专利技术涉及计算机网络
，具体地说是一种跨域实现javascript加载本地html文件的方法。
技术介绍
浏览器，为了安全，都遵循同源策略，即同域、同协议、同端口才能进行访问，否则无权限访问。可是，当我们开发静态演示页面时，加载本地的html文件就成了基本需求，而浏览器的同源策略确恰恰会阻挡我们的请求，抛出无权限访问的错误，无法满足一些正常的跨域加载html需求。
技术实现思路
本专利技术的目的在于提供一种跨域实现javascript加载本地html文件的方法，用于解决无法跨域加载html的问题。本专利技术解决其技术问题所采取的技术方案是：一种跨域实现javascript加载本地html文件的方法，使用iframe元素，具体包括以下步骤：1)、在javascript中动态构造iframe元素，2)、iframe跨域加载本地html文件，3)、javascript将iframe加载到当前页面中，4)、根据iframe的元素id，取到iframe元素body中的html内容。进一步地，所述步骤1)中动态构造iframe元素具体包括以下步骤：1.1)、创建一个iframe元素，1.2)、为创建的iframe元素分别添加style、id和src标识。本专利技术的有益效果是：本专利技术提供的一种跨域实现javascript加载本地html文件的方法，能够实现跨域加载html，满足一些正常的跨域加载html的需求。本专利技术具有实现流程简易，易于实现的特点。同时也具有加载速度快，加载准确的效果。附图说明图1为本专利技术的流程示意图；具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术的一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。如图1所示，一种跨域实现javascript加载本地html文件的方法，使用iframe元素，具体包括以下步骤：1)、在javascript中动态构造iframe元素，2)、iframe跨域加载本地html文件，3)、javascript将iframe加载到当前页面中，4)、根据iframe的元素id，取到iframe元素body中的html内容。步骤1)中动态构造iframe元素具体包括以下步骤：1.1)、创建一个iframe元素，1.2)、为创建的iframe元素分别添加style、id和src标识。实现上述步骤所采用的代码如下：variframeElement＝document.createElement(‘iframe’)；iframeElement.setAttribute(“style”,”display:none”)；iframeElement.setAttribute(“id”,”crossDomain_iframe”)；iframeElement.setAttribute(“src”,”本地html文件路径”)；document.body.appendChild(iframeElement)；$("#crossDomain_iframe").contents().find("body").html()；/本专利技术提供的一种跨域实现javascript加载本地html文件的方法，能够实现跨域加载html，满足一些正常的跨域加载html的需求。本专利技术具有实现流程简易，易于实现的特点。同时也具有加载速度快，加载准确的效果。本文档来自技高网...

【技术保护点】
一种跨域实现javascript加载本地html文件的方法，其特征是，使用iframe元素，具体包括以下步骤：1)、在javascript中动态构造iframe元素，2)、iframe跨域加载本地html文件，3)、javascript将iframe加载到当前页面中，4)、根据iframe的元素id，取到iframe元素body中的html内容。

【技术特征摘要】
1.一种跨域实现javascript加载本地html文件的方法，其特征是，使用iframe元素，具体包括以下步骤：1)、在javascript中动态构造iframe元素，2)、iframe跨域加载本地html文件，3)、javascript将iframe加载到当前页面中，4)、根据iframe的元素id...

【专利技术属性】
技术研发人员：唐超，
申请(专利权)人：郑州云海信息技术有限公司，
类型：发明
国别省市：河南,41