<!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)文章

一種新的javascript對(duì)象創(chuàng)建方式Object.create()
這篇文章主要介紹了一種新的javascript對(duì)象創(chuàng)建方式Object.create()，感興趣的小伙伴們可以參考一下
2015-12-12
layer插件select選中默認(rèn)值的方法
今天小編就為大家分享一篇layer插件select選中默認(rèn)值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧
2018-08-08
js 獲取radio按鈕值的實(shí)例
這篇文章介紹了js 獲取radio按鈕值的實(shí)例，有需要的朋友可以參考一下
2013-08-08
js canvas實(shí)現(xiàn)滑塊驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)滑塊驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
ElementUI中Tree組件使用案例講解
這篇文章主要介紹了ElementUI中Tree組件使用案例講解,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-12-12
js讓彈出新窗口居中顯示的腳本
我們經(jīng)常需要在新窗口彈出頁(yè)面并需要居中顯示
2008-01-01
使用原生JS實(shí)現(xiàn)拍照功能
今天我們聊一聊,一個(gè)非常有趣且重要的問題,如何用原生js實(shí)現(xiàn)拍照功能？這時(shí)候,有的朋友會(huì)說(shuō),為什么要用原生js實(shí)現(xiàn)呀,這么麻煩還要自己動(dòng)腦子,直接用第三方庫(kù)多好呀,但是,你難道不好奇它的底層js實(shí)現(xiàn)嗎？感興趣的同學(xué)跟著小編一起來(lái)瞧瞧吧
2023-12-12
js自定義Tab選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了js自定義Tab選項(xiàng)卡效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
從對(duì)象列表中獲取一個(gè)對(duì)象的方法,依據(jù)關(guān)鍵字和值
下面小編就為大家?guī)?lái)一篇從對(duì)象列表中獲取一個(gè)對(duì)象的方法,依據(jù)關(guān)鍵字和值。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2017-09-09
JS實(shí)現(xiàn)獲取當(dāng)前URL和來(lái)源URL的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取當(dāng)前URL和來(lái)源URL的方法,涉及javascript針對(duì)頁(yè)面document屬性操作的相關(guān)技巧,需要的朋友可以參考下
2016-08-08