这篇文章主要介绍了 js 通过 iframe 加载外部网页的实现代码, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
今天从别的网站看到的,不需要跳转到别的页面直接本域名下调用外部网页。里面用 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>
- phperz_www.phperz.com
- </title>
- <meta name="keywords" content="phperz,phperz_www.phperz.com" />
- <meta name="description" content="phperz相关信息,phperz_www.phperz.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="http://www.phperz.com/index.htm" style=" height:500px; visibility: inherit; width: 100%; z-index: 1;overflow: visible;">
- </iframe>
- <div style="display:none">
- ©
- <a href="http://so.phperz.com/">
- 好搜网
- </a>
- <a href="http://so.phperz.com/" target="_blank">
- 最好的搜索引擎
- </a>
- 以上搜索结果由
- <a href="http://so.phperz.com/" target="_blank">
- 百度
- </a>
- 驱动
- </div>
- </body>
- </html>
phperz 小编注: 里面使用了 jquery。
来源: http://www.phperz.com/article/17/0315/271946.html