溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

多di公用一個css 按鈕控制div 動態(tài)加載iframe 頁面

發(fā)布時間:2020-07-08 09:53:50 來源:網(wǎng)絡(luò) 閱讀:397 作者:wzdouban 欄目:開發(fā)技術(shù)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema"
content="http://schemas.microsoft.com/intellisense/ie5">
<script language="JavaScript" type="text/JavaScript">
	
function showdiv(targetid,objN){
 var target=document.getElementById(targetid);
 var clicktext=document.getElementById(objN)
 if (target.style.display=="block")
 { target.style.display="none";
    clicktext.innerText="打開";
  } else { target.style.display="block"; clicktext.innerText='關(guān)閉';  }    
  iframe.src="http://www.baidu.com";
}
</script>
<style type="text/css">
#b1,#b2,#b3{ cursor: hand; cursor:pointer;}
#v1,#v2 ,#v3{width:100%;    height:300px }
.none { display: none; }
-->
</style>
 
</head>
<body>
 


 
<input id="b1" onclick="document.all.v1.innerHTML='<iframe src=\'http://www.sina.com\'></iframe>';showdiv('v1','b1');"type=button value=online1><br>  
<div id="v1" class="none"></div>

 
<input id="b2" onclick="document.all.v2.innerHTML='<iframe src=\'http://www.sina.com\'></iframe>';showdiv('v2','b2');"type=button value=online2><br>  
<div id="v2" class="none"></div>

 
 <textarea>
	 代碼需要維護(hù) src段不允許換行 空格
 </textarea>
</body>
</html>
</body>
</html>


向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI