一个不错的弹出窗口,修改了JS文件可多弹

简介: 首先要导入jQuery(如:jquery-1.3.2.min.js)的包和弹出框所需的JS包(dialog.js),并添加JS指定需要的图片路径        var CONTEXTPATH = "2/img/"; //设置图片路径        //弹出窗口        function Wi...
首先要导入jQuery(如:jquery-1.3.2.min.js)的包和弹出框所需的JS包(dialog.js),并添加JS指定需要的图片路径
< SCRIPT src = " 2/jquery-1.3.2.min.js "  type = text / javascript>< / SCRIPT >
< SCRIPT src = " 2/dialog.js "  type = text / javascript>< / SCRIPT >
< script type = " text/javascript " >
        
var  CONTEXTPATH  =   " 2/img/ " // 设置图片路径
         // 弹出窗口
         function  WindowOpen(id, title, url, property, width, heigh) {
            
var  diag  =   new  Dialog( " Diag2 " );
            diag.Width 
=  width;
            diag.Height 
=  heigh;
            diag.Title 
=  title;
            diag.URL 
=  url;
            diag.OKEvent 
=   function () {
                $(
" # "   +  id).val($(getPopup( ' Diag2 ' )).find( " #dataList tr.selected " ).attr(property));
                diag.close();
// 关闭弹出窗
                $( " # "   +  id).focus();
            };   
// 点击确定后调用的方法
            diag.show();

        }
    
< / script>

在点击事件中设置下对应的属性就可以啦
< input  type ="button"  id ="btntest"  onclick ='WindowOpen("btntest",  "Test", "Default.aspx", "id")' value ="Click"   />
/Files/hantianwei/tanchuang.rar
目录
相关文章
|
4月前
|
JavaScript API
深入探索fs.WriteStream:Node.js文件写入流的全面解析
深入探索fs.WriteStream:Node.js文件写入流的全面解析
|
2月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
47 0
|
3月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
117 2
前端JS读取文件内容并展示到页面上
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
混淆指定js文件
【9月更文挑战第26天】JavaScript 混淆旨在保护代码知识产权、减小文件体积和提高安全性。方法包括变量名和函数名混淆、代码压缩、控制流平坦化及字符串加密。常用工具如 UglifyJS 和 JScrambler 可实现这些功能。然而,混淆可能带来兼容性和调试困难等问题,需谨慎使用并确保法律合规。
|
2月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
194 0
|
3月前
|
移动开发 JavaScript 前端开发
js之操作文件| 12-5
js之操作文件| 12-5
|
3月前
|
存储 JSON JavaScript
学习node.js十三,文件的上传于下载
学习node.js十三,文件的上传于下载
|
4月前
|
JavaScript 数据安全/隐私保护
如何在Vue组件中调用封装好的外部js文件方法
这篇文章介绍了如何在Vue组件中调用封装好的外部js文件方法,包括在Vue项目中全局引入外部js文件,并在组件中通过this.$myMethod()的方式调用外部js文件中定义的方法。
如何在Vue组件中调用封装好的外部js文件方法
|
4月前
|
机器学习/深度学习 JavaScript
node.js实现遍历所有文件夹里面的js文件,提取所有的url
node.js实现遍历所有文件夹里面的js文件,提取所有的url
|
4月前
|
前端开发 JavaScript Linux
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败