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 相关文章推荐
Ext 今日学习总结
Sep 19 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
判断文件是否正在被使用的JS代码
Dec 21 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
JS实现小米轮播图
Sep 21 Javascript
vue 获取url里参数的两种方法小结
Nov 12 Javascript
JavaScript高级程序设计之变量与作用域
Nov 17 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
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
yii2中添加验证码的实现方法
2016/01/09 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
php和vue配合使用技巧和方法
2019/05/09 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
python super函数使用方法详解
2020/02/14 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
keras 读取多标签图像数据方式
2020/06/12 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
工厂实习感言
2014/01/14 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
单位承诺书格式
2014/05/21 职场文书
推广普通话演讲稿
2014/05/23 职场文书