JS经典实例网站首页 JS经典实例

js跨域访问,js操作iframe内部

发布时间：2016-09-28 23:52:39编辑：雪饮阅读（）

js跨域访问很少用，一般都是对iframe内部元素的操作。

如下是两个访问iframe内部元素的实例：

js的跨域问题:

‌<!doctype html>

<html>

<head>

<title>无标题文档</title>

$(document).ready(

function(){

$("#kk").load(function(){ var aa1=$("#kk").contents().find("#hd_y").html(); alert(aa1); });

$("#kk2").load(function() {var aa2=$("#kk2").contents().find("#kk2").html();document.getElementById("cc").innerHTML=aa2;});

}

);

</script>

</head>

<body>

</body>

</html>

实例中是对两个iframe内部元素的操作，一个iframe是从站内引入的页面，另一个iframe是从其它站点引来的页面，而无论是从其它站点亦或是本站，若是直接将该html文件通过本地（非本地站点环境）经过浏览器打开则是对iframe没有任何操作权限的。

因为操作iframe内部的元素涉及到了域的概念，而与域相关就必须要通过域名的形式来访问至少是localhost或127.0.0.1这种，说到这里其实localhost与127.0.0.1并不是同一域。

当通过域名的形式访问该文件时也仅仅只是能够操作引入本站点的那个iframe内部的页面，而其它站点的则是无权访问，除非在对方站点的对应这个页面中有声明同域。

关键字词：js,跨域,iframe