先看代码:

首先clone叁个DOM,设置position:absolute,然后设置top为三个异常的大的负值,然后使其出示出来,最终获得到了DOM的宽高后,将其remove。
实际代码如下:
Js代码

在做项目时,蒙受了操作iframe的相关难题。业务很简短,其实就是在操作iframe内部某些窗体时,调用父窗体的一个函数。于是就写了多个很轻巧的htm页面用来测量试验,使用网络流行的艺术在Google浏览器中始终报错,不能通过。
父页面parent.html的代码如下

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

<script>
alert(parseInt(“3.54 apples”));
alert(parseFloat(“3.54 apples”));
</script>
<script>
alert(parseInt(“3.54 apples”));
alert(parseFloat(“3.54 apples”));
</script>

function getCss(elem, css){ 
 if (window.getComputedStyle) { 
  return window.getComputedStyle(elem, null)[css]; 
 }else if (elem.currentStyle) { 
  return elem.currentStyle[css]; 
 }else { 
  return elem.style[css]; 
 } 

function getWH(dom){ 
 var get = function(elem){ 
  var wh = {}; 
  ‘Width Height’.replace(/[^ ]+/g, function(i){ 
   var a = i.toLowerCase(); 
   wh[a] = elem[‘offset’ + i] || elem[‘client’ + i]; 
  }); 
  return wh; 
 }; 
 if (getCss(dom, ‘display’) === ‘none’) { 
  var nDom = dom.cloneNode(true); 
  nDom.style.position = ‘absolute’; 
  nDom.style.top = ‘-3000px’; 
  nDom.style.display = ‘block’; 
  document.getElementsByTagName(‘body’)[0].appendChild(nDom); 
  var wh = get(nDom); 
  nDom.parentNode.removeChild(nDom); 
  return wh; 
 }  
 return get(dom); 

//test  
console.log(getWH(document.getElementById(‘content’))); 
var domA = document.createElement(“a”), _ostyle =
“position:absolute;z-index:999999;width:92px;height:22px;position:absolute;display:none;”; 
domA.setAttribute(“style”, _ostyle); 
domA.style.cssText = _ostyle; 
domA.setAttribute(“href”, “javascript:void(0);”); 
document.getElementsByTagName(‘body’)[0].appendChild(o); 
console.log(getWH(domA));
function getCss(elem, css){
 if (window.getComputedStyle) {
  return window.getComputedStyle(elem, null)[css];
 }else if (elem.currentStyle) {
  return elem.currentStyle[css];
 }else {
  return elem.style[css];
 }
}
function getWH(dom){
 var get = function(elem){
  var wh = {};
  ‘Width Height’.replace(/[^ ]+/g, function(i){
   var a = i.toLowerCase();
   wh[a] = elem[‘offset’ + i] || elem[‘client’ + i];
  });
  return wh;
 };
 if (getCss(dom, ‘display’) === ‘none’) {
  var nDom = dom.cloneNode(true);
  nDom.style.position = ‘absolute’;
  nDom.style.top = ‘-3000px’;
  nDom.style.display = ‘block’;
  document.getElementsByTagName(‘body’)[0].appendChild(nDom);
  var wh = get(nDom);
  nDom.parentNode.removeChild(nDom);
  return wh;
 }
 return get(dom);
}
//test
console.log(getWH(document.getElementById(‘content’)));
var domA = document.createElement(“a”), _ostyle =
“position:absolute;z-index:999999;width:92px;height:22px;position:absolute;display:none;”;
domA.setAttribute(“style”, _ostyle);
domA.style.cssText = _ostyle;
domA.setAttribute(“href”, “javascript:void(0);”);
document.getElementsByTagName(‘body’)[0].appendChild(o);
console.log(getWH(domA));

<html xmlns=”;
<head><title>
</title>
<script src=”jquery-1.10.1.min.js”
type=”text/javascript”></script>
<script type=”text/javascript”>
function ParentFunction() {
alert(‘ParentFunction’);
}
</script></head>
<body>
<input type=”button” id=”btnCancel” class=”button” value=”测试”
/>
<iframe id=”FRMdetail” name=”FRMdetail” frameborder=”0″
src=’child.html’ style=”width:100%;height:100%;” ></iframe>
</body>
</html>

运行结果:
图片 1图片 2

还应该有其余越来越好的方式迎接提出来。

子页面child.html的代码如下

parseInt()和parseFloat()多少个措施都以从左侧的字符串开端查找,要是第一个字符不是数字或许负号(在parseFloat()还足以是个小数点)。一旦它们碰到了如此的三个字符,它们就回去自个儿提取的数字

具体代码…

复制代码 代码如下:

发表评论

电子邮件地址不会被公开。 必填项已用*标注