快捷導(dǎo)航

js彈出窗口之彈出層的小例子

更新時間：2013年06月17日 09:26:56 作者：

js彈出窗口之彈出層的小例子，需要的朋友可以參考一下

[html]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">  
<HTML xmlns="http://www.w3.org/1999/xhtml">  
<HEAD>  
<TITLE>彈出窗口</TITLE>  
<META http-equiv=Content-Type content="text/html; charset=utf-8">  
<style>  
#popupcontent{   
  position: absolute;  
  visibility: hidden;     
  overflow: hidden;     
  border:1px solid #CCC;     
  background-color:#F9F9F9;     
  border:1px solid #333;     
  padding:5px;}  
</style>  
<script>  
var baseText = null;   
function showPopup(w,h){     
    var popUp = document.getElementById("popupcontent");     
    popUp.style.top = "200px";     
    popUp.style.left = "200px";     
    popUp.style.width = w + "px";     
    popUp.style.height = h + "px";      
    if (baseText == null) baseText = popUp.innerHTML;    
    popUp.innerHTML = baseText + "<div id=\"statusbar\"><input type=\"button\" value=\"Close window\" onClick=\"hidePopup();\"></div>";     
    var sbar = document.getElementById("statusbar");     
    sbar.style.marginTop = (parseInt(h)-60) + "px";    
    popUp.style.visibility = "visible";  
}  
function hidePopup(){     
    var popUp = document.getElementById("popupcontent");     
    popUp.style.visibility = "hidden";  
}  
</script>  
<META content="MSHTML 6.00.2900.2838" name=GENERATOR></HEAD>  
<BODY>  
<div id="popupcontent">content</div>  

  
<p><a href="#" onClick="showPopup(300,200);" >onclick</a></p>  
</BODY>  
</HTML>  

您可能感興趣的文章:

相關(guān)文章

JXTree對象，讀取外部xml文件數(shù)據(jù)，生成樹的函數(shù)
JXTree對象，讀取外部xml文件數(shù)據(jù)，生成樹的函數(shù)...
2007-04-04
微信小程序?qū)崿F(xiàn)活動報名登記功能(實例代碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)活動報名登記,本篇將介紹使用微信小程序?qū)崿F(xiàn)發(fā)起一個活動報名的設(shè)計，以此為基礎(chǔ)，我們可以掌握微信小程序表單的基本用法，進(jìn)而在諸如疫情信息登記、出入報備等場景中使用小程序進(jìn)行開發(fā)，滿足相關(guān)的需求，需要的朋友可以參考下
2022-09-09
使用JavaScript?將數(shù)據(jù)網(wǎng)格綁定到?GraphQL?服務(wù)的操作方法
GraphQL是管理JavaScript應(yīng)用程序中數(shù)據(jù)的優(yōu)秀工具,本教程展示了GraphQL和SpreadJS如何簡單地構(gòu)建應(yīng)用程序,?GraphQL?和?SpreadJS都有更多功能可供探索,因此您可以做的事情遠(yuǎn)遠(yuǎn)超出了這個示例,感興趣的朋友一起看看吧
2023-11-11
javascript實現(xiàn)移動端上傳圖片功能
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)移動端上傳圖片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
javascript實現(xiàn)的文字加密解密
javascript實現(xiàn)的文字加密解密...
2007-06-06
js中eval方法詳解之eval方法的初級應(yīng)用
js中eval()函數(shù)可計算某個字符串,下面這篇文章主要給大家介紹了關(guān)于js中eval方法詳解之eval方法的初級應(yīng)用的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-01-01
微信小程序上傳帖子的實例代碼(含有文字圖片的微信驗證)
這篇文章主要介紹了小程序上傳帖子(含有文字圖片的微信驗證)的實例代碼，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-07-07
原生JS實現(xiàn)的雙色球功能示例
這篇文章主要介紹了原生JS實現(xiàn)的雙色球功能,涉及javascript隨機(jī)數(shù)生成及數(shù)值運算相關(guān)操作技巧,需要的朋友可以參考下
2018-02-02
JavaScript中的ArrayBuffer詳細(xì)介紹
這篇文章主要介紹了JavaScript中的ArrayBuffer詳細(xì)介紹,本文講解了Array 在內(nèi)存中的堆棧模型、原始緩沖區(qū)的創(chuàng)建、數(shù)據(jù)化數(shù)組、DataView對象、XHR2 中的 ArrayBuffer等內(nèi)容,需要的朋友可以參考下
2014-12-12
javascript實現(xiàn)瀏覽器窗口傳遞參數(shù)的方法
這篇文章主要介紹了javascript實現(xiàn)瀏覽器窗口傳遞參數(shù),需要的朋友可以參考下
2014-09-09