lhgdialog弹出窗口控件 v4.1.0使用总结

最近在维护公司的网站,用到了lhgdialog弹窗控件,可是原来使用的弹窗控件的版本太旧了,不支持IE9,所以换成了比较新的版本,v4.1.0 ,终于能用了,不过使用的方法和原来的版本也有了区别,现总结如下,作为备忘:

1.引入页面中 新版本的弹窗控件可以当做一个Jquery插件来使用,不过现在维护的网站没有用到Jquery,所以这里只把它作为一个单独的JS插件来使用

引入方式如下 :  <script src="div/lhgcore.lhgdialog.min.js" type="text/javascript"></script>

2.调用方式:  $.dialog({ id: 'test2',  title: '咨询转交','710', height:'520', content: 'url:mytest.asp?id=<%=request.QueryString("id")%>', });

这句的作用是弹出一个窗口,标题名为咨询转交, 宽度为710,高度为520 , content标签后的url 表示要弹出的窗口的url

最后有两点须注意: 1.这里只所以用$.dialog这种方式是因为没有引入jquery库,所以不会起冲突,如果引入了Jquery库,这里的$须替换成别的字母。2.content后的Url的写法 举例来说 ,(1)如果 a页面和上面提到的mytest.asp都处于根目录下,则引用时mytest.asp前面不用加什么../这样的格式,不然会报错。

 (2)如果a页面和mytest.asp都处于根目录下的某个文件夹(假设名称为db)下,那引用时必须以db/mytest.asp这样的格式调用 。

    也就是说$.dialog后面的content中的url的位置是相对于lhgcore.lhgdialog.min.js这个文件而言的,一开始没注意到这一点,结果耽误了不少时间。

好了本文到此结束,第一次在博客园写随笔,如果有写的让大家看不惯的地方,还请见谅。

                            

  

原文地址:https://www.cnblogs.com/zhiqiu/p/2417597.html