Rumah > hujung hadapan web > tutorial js > kod pelaksanaan js untuk memuatkan halaman web luaran melalui kemahiran iframe_javascript

kod pelaksanaan js untuk memuatkan halaman web luaran melalui kemahiran iframe_javascript

WBOY
Lepaskan: 2016-05-16 16:05:48
asal
1495 orang telah melayarinya

Seperti yang saya lihat dari tapak web lain hari ini, tidak perlu melompat ke halaman lain untuk memanggil terus halaman web luaran di bawah nama domain ini. Ia menggunakan js untuk mengawal saiz iframe, yang sangat bagus.

<!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>
Salin selepas log masuk

Nota daripada editor Script House: jquery digunakan di dalamnya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan