2 qq 24743137 qq_24743137 于 2016.02.05 10:35 提问

移动端WEB 关于DIV中加载一个外部链接的页面(例:www.baidu.com)

如题
我试过AJAX请求,但是不成功不知道代码是否有问题
$.ajax({
url:"http://www.baidu.com/",
type:"post",
dataType:"html",
success:function(data){
$("#main").html(data);
}
});

也试过iframe标签,不过这个标签在移动端的兼容性很差,影响到我的样式了。所以放弃了。
有好方法的还请告知下。

4个回答

showbo
showbo   Ds   Rxr 2016.02.05 14:37

ajax不能跨域请求,iframe和父页是独立的,怎么可能会影响你的样式。。

yishuixs
yishuixs   2016.02.05 13:54

涉及到跨域请求,你这种写法是错误的

rui888
rui888   Ds   Rxr 2016.02.05 14:19

直接引用,不过得考虑样式

 <body>

<iframe src='https://www.baidu.com/'>
</body>
devmiao
devmiao   Ds   Rxr 2016.02.06 08:02

可以在服务器读取,然后返回。因为客户端不能跨域

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
div中加载其他网页的方法
有两种这种需求: 第一种是加载自己站点的网页。那么可以用jquery的load函数。 类似: $("#div").load("me.jsp"); 第二种是家在其他站点的网页,那么可以使用object标签来实现。 下面是我的实现代码: $(video_id).append("");
Niep.js - Web移动端无刷新页面切换 -- 页面数据加载
页面显示时,加载数据 页面的数据均通过ajax获取,当页面需要显示时,会搜索该页面中的所有data-unload的元素,如果data-unload的值为once或refresh,则请求数据。 <div data-unload="refresh" data-cmd="query_subject"></div>
网页中嵌入外部页面的四种方法
一.应用框架技术  ---- 要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条,在外部文件标签中加入“scroll=no”或者在宿主页面标签中加入“scrolling=no”即可。 ---- 但这样做会出现一个问题,就是宿主页面和外部页面背景色不同
web移动端页面性能优化方案
众所周知,在互联网行业里,移动端占有的比例越来越高了,尤其实在电商领域,用户购物大部分在移动端。比如淘宝双11,在移动端支付的接近7成。这就要求我们产品质量越来越高,那对于我们前端工程师来说也是一个挑战,如何让我们所开发的页面能有更好的体验,就是我们今天讨论的话题:移动端页面性能优化。 Html5的出现对于移动端影响挺大,HTML5框架可以提升网站的访问速度,通过优化前端将响应时间加快,
Div里面载入另一个页面的实现(取代框架)(AJax)
随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便 今天突然遇到一个问题,那就是需要导入另一个页面显示在当前页的Div里面 我当然可以用iFrame啥的,不过那不是我想要的方法 在网上查了半天,方法也很多,不过有不满意的地方,因为多数都会用JQuery 呆会在下部分会给出jQuery的
移动端网页嵌套一个div,需要滚动条,但是在移动端浏览器上面没办法滚的问题
这里不是点名,但是假如各位在安卓机子(即使是安卓4)下面用过qq浏览器,那么标题这个bug就很明显了。 下面就是各种解决方案。 Android browser bug? div overflow scrolling up vote22down votefavorite 11 Can you mak
如何div标签内嵌入外部网页
如何div标签内嵌入外部网页
js跳转新页面,指定div加载新页面
1、在当前页面上跳转新页面 window.open('#要载入的界面'); window.open('graphReportController.do?list&id=dzdxz'); window.open('webpage/com/nuist/singleStationInfo/stationInfoTab.jsp'); onclick="javascript:window.open('w
移动端web页面蒙层滚动时页面主体内容不随之滚动的实现方法
在做移动端web时,遇到一个需求:页面主体内容上有蒙层,要实现蒙层滚动时页面主体内容不随之滚动的效果。
移动端实现简单的下拉刷新【web前端】
说明本文完全是个人学习,实现并不做过多的功能封装。实现原理依赖元素的 overflow-y: auto 的属性,实现滚动轴。通过改变 “刷新提醒”的元素的高度,达到下拉的效果。如图:例如,有如下的结构:<div id="wrap"> <!-- #pull-down为下拉加载更多的提醒 --> <div id="pull-down" class="pull-down">