---JS弹窗对话框（修改窗体背景，字体）

var w = document.body.clientWidth - 100; //获取电脑的高度减100,自己调整

var h = document.body.clientHeight - 80; //获取电脑宽度减80，自己调整

var url = encodeURI("/webroot/decision/view/report?viewlet=GettingStarted.cpt");

//窗体

var $iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='yes' frameborder='0'>");

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {

title: "我是对话框", //标题

width: w, //宽度

height: h //高度

//closable:true,    //是否显示关闭按钮，默认true,如果改为false就不显示关闭按钮了

//confirm:true,     //是否添加确认取消按钮,默认false

//draggable:true   //是否可拖动，默认true

};

FR.showDialog(o.title, o.width, o.height, $iframe, o);//弹出窗体

$(".fr-core-panel-header.fr-core-panel-style-blue.fr-core-window-header").css('background', '#159D73'); //窗体背景颜色

$(".fr-core-panel-title").css({

"color": "#ffffff",

"font-family": "microsoft yahei",

"font-size": "14px"

}); //字体颜色,大小，字体名称

按钮弹出窗口js代码

var w=document.body.clientWidth;//获取高度

var h=document.body.clientHeight//获取宽度

var a=_g().getWidgetByName("控件名1").getValue();

var b=_g().getWidgetByName("控件名2").getValue();

var url="/webroot/decision/view/report?viewlet=GettingStarted.cpt&op=write&a="+a+"&b="+b;

//或者这个格式 var url="${servletURL}?viewlet=GettingStarted.cpt&op=write&a="+a+"&b="+b;

var url = FR.cjkEncode(url);

//窗体

var $iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='no' frameborder='0'>");

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {

    title: "对话框",    //标题

    width: w/2,         //宽度，可以换成w/2，自适应

    height: h*0.8,        //高度

    //closable:true,    //是否显示关闭按钮，默认true

    //confirm:true,     //是否添加确认取消按钮,默认false

    //draggable:true   //是否可拖动，默认true

};

//弹出窗体

FR.showDialog(o.title, o.width, o.height, $iframe, o);