跨域获取静态html 大虾们救命,如何在a.html利用jquery或者javascript,获取跨域的b.html中的html数据?(b.html为静态页面,无法修改,最好能有代码附上) 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 1.两个页面的主域相同,子域不同。2.不能用iframe....3. a.html需要加载b.html的内容,显示在body中 已知a.html,c.html,其中c页面是a页面的子页面,且a、c不同域,求a,c页面互相访问的方案?方案如下:思路:在a.html中增加与c.html同域的d.html,通过d.html访问c.html在c.html中增加与a.html同域的b.html,通过b.html访问a.html代码如下:a.html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> var aPageContent = "a页面内容";</script> </head> <body style="background-color: blue;"> a页面:<br /> <iframe name="cIframe" id="cIframe" src="http://www.hck.com:8080/WebTest/c.html"></iframe> <br /> <br /> <iframe name="dIframe" id="dIframe" src="http://www.hck.com:8080/WebTest/d.html"></iframe> </body></html>b.html内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> function test() { alert(top.aPageContent); } </script> </head> <body> b页面:a、b同域 <button onclick="javascript:test();">调用A页面的内容</button> </body></html>c.html页面内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> var cccc = "c页面的内容"; </script> </head> <body> c页面: <iframe src="http://www.xu.com:8080/WebTest/b.html"></iframe> </body></html>d.html页面内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> function test() { alert(top.frames[0].cccc); } </script> </head> <body> d页面:c、d同域 <button onclick="javascript:test();">调用c页面的内容</button> </body></html> 说明:a、b页面不是在www.hck.com域中的页面 js控制复选框问题 求解一个与日期有关的正则表达式 js正则表达式问题,急, 发一个html5开发的坦克大战demo,大家给点建议 如何控制SELECT的背景图片 请问如何用Javascript实现分页。谢谢!(急) javascript 网页框架求教~~~~ 求助,急!!! 新手求救nodejs 安装 运行 谁看看哪里出错了?我要写一个火烟字?给分 在线等。。。 如何验证图片是否加载成功?
2.不能用iframe....
3. a.html需要加载b.html的内容,显示在body中
方案如下:
思路:
在a.html中增加与c.html同域的d.html,通过d.html访问c.html
在c.html中增加与a.html同域的b.html,通过b.html访问a.html
代码如下:
a.html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>a.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
var aPageContent = "a页面内容";
</script>
</head>
<body style="background-color: blue;">
a页面:<br />
<iframe name="cIframe" id="cIframe" src="http://www.hck.com:8080/WebTest/c.html"></iframe>
<br />
<br />
<iframe name="dIframe" id="dIframe" src="http://www.hck.com:8080/WebTest/d.html"></iframe>
</body>
</html>b.html内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>a.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function test()
{
alert(top.aPageContent);
}
</script>
</head>
<body>
b页面:a、b同域
<button onclick="javascript:test();">调用A页面的内容</button>
</body>
</html>c.html页面内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>a.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
var cccc = "c页面的内容";
</script>
</head>
<body>
c页面:
<iframe src="http://www.xu.com:8080/WebTest/b.html"></iframe>
</body>
</html>d.html页面内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>a.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function test()
{
alert(top.frames[0].cccc);
}
</script>
</head>
<body>
d页面:c、d同域
<button onclick="javascript:test();">调用c页面的内容</button>
</body>
</html>