快捷導(dǎo)航

JS彈出窗口插件zDialog簡單用法示例

更新時(shí)間：2016年06月12日 12:04:21 作者：鄭文亮

這篇文章主要介紹了JS彈出窗口插件zDialog簡單用法,結(jié)合簡單實(shí)例形式分析了zDialog插件彈出窗口的基本使用方法與參數(shù)含義,需要的朋友可以參考下

本文實(shí)例講述了JS彈出窗口插件zDialog簡單用法。分享給大家供大家參考，具體如下：

因?yàn)闆]有元素可以顯示到Frameset上面去，所以重新定義了，一個(gè)index.htm，對(duì)其的操作是：

Index.htm

<script language="javascript" src="JS/zDialog/zDialog.js" type="text/javascript"></script>
<script language="javascript" src="JS/zDialog/zDrag.js" type="text/javascript"></script>//引入相應(yīng)的界面
<script language="javascript" type="text/javascript">
//在其子頁面中，調(diào)用此方法打開相應(yīng)的界面
function openDialog(title,url)
{
var dlg=new Dialog();//定義Dialog對(duì)象
dlg.Model=true;
dlg.Width=500;//定義長度
dlg.Height=400;
dlg.URL=url;
dlg.Title=title;
dlg.show();
}
</script>

再定義一個(gè)iframe來引入相應(yīng)的界面：

復(fù)制代碼代碼如下:

<iframe src="default.htm" height="600" width="100%" frameborder="0" id="parentframe"name="parentframe" marginheight="0" marginwidth="0" runat="server" scrolling="auto"></iframe>

在它的需要調(diào)用彈出窗口的界面中可以這樣寫：

function b(URL,title,id)
{
set_current(id);
top.openDialog(title,URL);
//此處調(diào)用的是index.htm中的js方法
}

其中在其他的子頁面中，彈出一個(gè)提示框的：

top.Dialog.alert("提示成功");//只進(jìn)行提示
top.Dialog.close();//關(guān)閉窗口
top.Dialog.alert("提示成功",function(){top.Dialog.close();})//彈出提示，點(diǎn)擊確定以后關(guān)閉彈出窗口

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

深入理解javascript構(gòu)造函數(shù)和原型對(duì)象
對(duì)象，是javascript中非常重要的一個(gè)梗，是否能透徹的理解它直接關(guān)系到你對(duì)整個(gè)javascript體系的基礎(chǔ)理解，說白了，javascript就是一群對(duì)象在攪。。（嗶！）。
2014-09-09
微信小程序?qū)崿F(xiàn)多選框功能的實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多選框功能及效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-06-06
JS顯示下拉列表框內(nèi)全部元素的方法
這篇文章主要介紹了JS顯示下拉列表框內(nèi)全部元素的方法,涉及javascript遍歷下拉列表元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
詳解Layer彈出層樣式
學(xué)習(xí)layer彈出框，之前項(xiàng)目是用bootstrap模態(tài)框，后來改用layer彈出框，在文章的后面，我會(huì)分享項(xiàng)目的一些代碼,需要的朋友可以參考下
2017-08-08
js 可選鏈操作符的使用
可選鏈操作符(?.)允許讀取位于鏈接對(duì)象鏈身處的屬性的值，本文就詳細(xì)的介紹一下，感興趣的小伙伴們可以參考一下
2021-06-06
js中匿名函數(shù)的N種寫法
在java中有private屬性，強(qiáng)大的功能js不能實(shí)現(xiàn)就矮人一截，匿名函數(shù)，發(fā)揚(yáng)廣大
2010-09-09
深入淺析JavaScript中的RegExp對(duì)象
正則表達(dá)式（regular expression）是一種表達(dá)文本模式（即字符串結(jié)構(gòu)）的方法，有點(diǎn)像字符串的模板，常常用作按照“給定模式”匹配文本的工具。下面通過本文給大家分享js 中的regexp對(duì)象，需要的朋友參考下吧
2017-09-09
深入講解xhr（XMLHttpRequest）/jsonp請(qǐng)求之a(chǎn)bort
這篇文章主要給大家深入的介紹了關(guān)于xhr（XMLHttpRequest）/jsonp請(qǐng)求之a(chǎn)bort的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-07-07
詳解JavaScript調(diào)用棧、尾遞歸和手動(dòng)優(yōu)化
本篇文章主要介紹了詳解JavaScript調(diào)用棧、尾遞歸和手動(dòng)優(yōu)化，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
前端使用URL API實(shí)現(xiàn)高效的URL解析
在現(xiàn)代Web開發(fā)中,URL是前端和后端交互的核心載體,本文將深入探討如何利用URL API實(shí)現(xiàn)URL的解析,構(gòu)建和操作,希望對(duì)大家有一定的幫助
2025-04-04