js通过iframe加载外部网页的实现代码


Posted in Javascript onApril 05, 2015

今天从别的网站看到的,不需要跳转到别的页面直接本域名下调用外部网页。里面用js控制iframe的大小,确实不错。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三水点靠木_3water.com</title>
<meta name="keywords" content="三水点靠木,三水点靠木_3water.com" />
<meta name="description" content="三水点靠木相关信息,三水点靠木_3water.com" />
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
<link href="images/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> 
window.onerror=function(){return true;} 
$(function() { 
headerH = 0;  var h = $(window).height();
  $("#huoduan_frame").height((h-headerH)+"px"); 
});
</script>
<!--[if IE 6]>
<script type="text/javascript" src="js/DDPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png');
</script><![endif]-->
</head>
<body scroll="no" style="margin:0; padding:0; overflow-y:hidden ">
<iframe id="huoduan_frame" frameborder="0" scrolling="yes" name="main" src="https://3water.com/index.htm" style=" height:500px; visibility: inherit; width: 100%; z-index: 1;overflow: visible;"></iframe>
<div style="display:none">
© <a href="http://so.3water.com/">好搜网</a> <a href="http://so.3water.com/" target="_blank">最好的搜索引擎</a> 以上搜索结果由<a href="http://so.3water.com/" target="_blank">百度</a>驱动 </div>
</body></html>

三水点靠木小编注: 里面使用了jquery。

Javascript 相关文章推荐
jQuery固定元素插件scrolltofixed使用指南
Apr 21 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
从vue源码看props的用法
Jan 09 Javascript
基于iview-admin实现动态路由的示例代码
Oct 02 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
js前端设计模式优化50%表单校验代码示例
Jun 21 Javascript
Jquery网页内滑动缓冲导航的实现代码
Apr 05 #Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
Apr 05 #Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 #Javascript
javascript Array 数组常用方法
Apr 05 #Javascript
javascript数据结构与算法之检索算法
Apr 04 #Javascript
使用jquery制作弹出框效果
Apr 03 #Javascript
javascript 实现map集合
Apr 03 #Javascript
You might like
PHP获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
php 空格,换行,跳格使用说明
2009/12/18 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
nodejs构建本地web测试服务器 如何解决访问静态资源问题
2017/07/14 NodeJs
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
python 获取本机ip地址的两个方法
2013/02/25 Python
python绘图库Matplotlib的安装
2014/07/03 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
Python字符串拼接六种方法介绍
2017/12/18 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
详解Django CAS 解决方案
2019/10/30 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
linux面试题参考答案(11)
2016/11/26 面试题
大学本科毕业生的自我鉴定范文
2013/11/19 职场文书
企业负责人任命书
2014/06/05 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS