Rumah > hujung hadapan web > tutorial js > Cara menggunakan subhalaman dalam kemahiran js page_javascript induk

Cara menggunakan subhalaman dalam kemahiran js page_javascript induk

WBOY
Lepaskan: 2016-05-16 15:20:46
asal
1361 orang telah melayarinya

iframe ialah elemen html yang sangat biasa digunakan Jika anda menggunakan halaman anak dalam halaman induk, bagaimanakah anda harus menulisnya. Berikut adalah pengenalan ringkas.
1. Kod halaman induk

<html>
<head>
<meta charset=" gb2312">
<title>父页面</title>
<script type="text/javascript">
function parentFunction() 
{
 alert('function in parent');
}
function callChild() 
{
 child.window.childFunction();
 /*
  child 为iframe的name属性值,
  不能为id,因为在FireFox下id不能获取iframe对象
 */
}
</script>
</head>
<body>
 <iframe name="child" src="./child.html" ></iframe>
</body>
</html>
Salin selepas log masuk

2. Kod dalam iframe

<html>
<head>
<meta charset="gb2312">
<title>iframe代码</title>
<script type="text/javascript">
function childFunction() 
{
 alert('function in child');
}
function callParent() 
{
 parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>
Salin selepas log masuk

Dua kod di atas boleh memanggil fungsi satu sama lain pada halaman induk dan halaman anak Ia agak mudah dan tidak akan diperkenalkan secara terperinci.
Saya harap artikel ini akan membantu anda mempelajari pengaturcaraan JavaScript.

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