집 >웹 프론트엔드 >JS 튜토리얼 >iframe_javascript 기술을 통해 외부 웹 페이지를 로드하기 위한 Node.js 구현 코드

iframe_javascript 기술을 통해 외부 웹 페이지를 로드하기 위한 Node.js 구현 코드

WBOY원래의: 2016-05-16 16:05:481482검색

오늘 다른 웹사이트에서 본 것처럼 이 도메인 이름으로 외부 웹페이지를 직접 호출하기 위해 다른 페이지로 이동할 필요가 없습니다. 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>脚本之家_www.jb51.net</title>
<meta name="keywords" content="脚本之家,脚本之家_www.jb51.net" />
<meta name="description" content="脚本之家相关信息，脚本之家_www.jb51.net" />
<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.jb51.net/index.htm" style=" height:500px; visibility: inherit; width: 100%; z-index: 1;overflow: visible;"></iframe>
<div style="display:none">
&copy; <a href="http://so.jb51.net/">好搜网</a> <a href="http://so.jb51.net/" target="_blank">最好的搜索引擎</a> 以上搜索结果由<a href="http://so.jb51.net/" target="_blank">百度</a>驱动 </div>
</body></html>

Script House 편집자의 메모: jquery가 사용됩니다.

성명：

이전 기사：웹 페이지의 첫 번째 링크 ID를 가져오는 JavaScript 방법_javascript 기술다음 기사：웹 페이지의 첫 번째 링크 ID를 가져오는 JavaScript 방법_javascript 기술

iframe_javascript 기술을 통해 외부 웹 페이지를 로드하기 위한 Node.js 구현 코드

관련 기사