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: '咨询转交',width:'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这个文件而言的，一开始没注意到这一点，结果耽误了不少时间。

 

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