当 HTML <object> 标签中的内容是动态的时,如何调整其大小
how do re-size a HTML <object> tag when the content in it is dynamic
我有一些 jQuery 和 HTML 可以呈现带有默认 html 页面的 OBJECT 标记,然后在新页面(动态的)单击按钮时重新填充 OBJECT,渲染完成我想将对象的大小调整为渲染页面大小的 100% 可以吗?
代码如下
$(document).ready(function() {
$('#sq').click(function() {
var actualYear = $('#ay').val() ;
var actualTerm = $('#tc').val();
if (actualTerm == '01')
{
actualYear = Number($('#ay').val()) + 1;
}
var actualTC = actualYear + actualTerm; + $('#smcSel').val() + "&ccc=" + $('#cccSel').val() + "&ac=" + $('#acSel').val() + "&cs=" + $('#csSel').val() + "&cl=" + $('#clSel').val() + "&smd=" + $('#smdSel').val() + "&sm=" + $('#smSel').val() + "&sl=" + $('#slSel').val() + "&ib=" + $('#IBID').val() + "&sb=" + $('#SBID').val() + "&ay=" + $('#ay').val() + "&tc=" + $('#ay').val() + $('#tc').val() + "&tca="+ actualTC + "&mes=" + $('#mes').val() + "&pr=" + $('#pr').val() + "&sr=" + $('#sr').val() + "&tr=" + $('#tr').val() + "&col=" + $('#col').val() + "&mc=";
var urlis = window.location.protocol + "//" + window.location.hostname + "/SASStoredProcess/do?_action=execute,nobanner,newwindow&_program=%2FTABBS%2FuQuery%2Ftbir11052&smc=" + $('#smcSel').val() + "&ccc=" + $('#cccSel').val() + "&ac=" + $('#acSel').val() + "&cs=" + $('#csSel').val() + "&cl=" + $('#clSel').val() + "&smd=" + $('#smdSel').val() + "&sm=" + $('#smSel').val() + "&sl=" + $('#slSel').val() + "&ib=" + $('#IBID').val() + "&sb=" + $('#SBID').val() + "&ay=" + $('#ay').val() + "&tc=" + $('#ay').val() + $('#tc').val() + "&tca="+ actualTC + "&mes=" + $('#mes').val() + "&pr=" + $('#pr').val() + "&sr=" + $('#sr').val() + "&tr=" + $('#tr').val() + "&col=" + $('#col').val() + "&mc=";
document.getElementById("contentarea").setAttribute('data', urlis);
});
});
<div id="result">
<object type="text/html" data="./contentarea.html" style="float:left;width:100%;height:100%;" id=contentarea></object>
</div>
将此样式 style="float:left;width:100%;height:100%;"
添加到 <div id="result">
。
在少数浏览器中,% 不支持。所以最好用像素指定(高度:500px;宽度:900px;)
我有一些 jQuery 和 HTML 可以呈现带有默认 html 页面的 OBJECT 标记,然后在新页面(动态的)单击按钮时重新填充 OBJECT,渲染完成我想将对象的大小调整为渲染页面大小的 100% 可以吗?
代码如下
$(document).ready(function() {
$('#sq').click(function() {
var actualYear = $('#ay').val() ;
var actualTerm = $('#tc').val();
if (actualTerm == '01')
{
actualYear = Number($('#ay').val()) + 1;
}
var actualTC = actualYear + actualTerm; + $('#smcSel').val() + "&ccc=" + $('#cccSel').val() + "&ac=" + $('#acSel').val() + "&cs=" + $('#csSel').val() + "&cl=" + $('#clSel').val() + "&smd=" + $('#smdSel').val() + "&sm=" + $('#smSel').val() + "&sl=" + $('#slSel').val() + "&ib=" + $('#IBID').val() + "&sb=" + $('#SBID').val() + "&ay=" + $('#ay').val() + "&tc=" + $('#ay').val() + $('#tc').val() + "&tca="+ actualTC + "&mes=" + $('#mes').val() + "&pr=" + $('#pr').val() + "&sr=" + $('#sr').val() + "&tr=" + $('#tr').val() + "&col=" + $('#col').val() + "&mc=";
var urlis = window.location.protocol + "//" + window.location.hostname + "/SASStoredProcess/do?_action=execute,nobanner,newwindow&_program=%2FTABBS%2FuQuery%2Ftbir11052&smc=" + $('#smcSel').val() + "&ccc=" + $('#cccSel').val() + "&ac=" + $('#acSel').val() + "&cs=" + $('#csSel').val() + "&cl=" + $('#clSel').val() + "&smd=" + $('#smdSel').val() + "&sm=" + $('#smSel').val() + "&sl=" + $('#slSel').val() + "&ib=" + $('#IBID').val() + "&sb=" + $('#SBID').val() + "&ay=" + $('#ay').val() + "&tc=" + $('#ay').val() + $('#tc').val() + "&tca="+ actualTC + "&mes=" + $('#mes').val() + "&pr=" + $('#pr').val() + "&sr=" + $('#sr').val() + "&tr=" + $('#tr').val() + "&col=" + $('#col').val() + "&mc=";
document.getElementById("contentarea").setAttribute('data', urlis);
});
});
<div id="result">
<object type="text/html" data="./contentarea.html" style="float:left;width:100%;height:100%;" id=contentarea></object>
</div>
将此样式 style="float:left;width:100%;height:100%;"
添加到 <div id="result">
。
在少数浏览器中,% 不支持。所以最好用像素指定(高度:500px;宽度:900px;)