>  기사  >  웹 프론트엔드  >  iframe 프레임 값을 구현하는 js 메소드(IE, Firefox, Chrome 등과 호환 가능)_javascript 기술

iframe 프레임 값을 구현하는 js 메소드(IE, Firefox, Chrome 등과 호환 가능)_javascript 기술

WBOY
WBOY원래의
2016-05-16 15:29:441010검색

이 글의 예시에서는 js에서 iframe 프레임 값을 구현하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

세상에는 왜 이렇게 다양한 브라우저가 있나요? js/css에서 브라우저 호환성 문제가 발생할 때마다 저는 항상 이렇게 한숨을 쉬었습니다. 이 브라우저 회사들이 모두 망하고 하나만 남길 바랍니다(분명히 이것은 불가능한 소망입니다). 요점으로 돌아가자. 코드를 보세요:

iframe 내부 페이지:

<html>
<head>
  <title>框架内页</title>
</head>
<body>
  <div>
    <input id="txt1" name="txt1" type="text" value="测试" />
  </div>
</body>
</html>

학부모 수업:

<iframe name="frame1" id="frame1" src="frm.html" frameborder="1" height="30"></iframe>
<p>
  iframe1中文本框的值:</p>
<p>
  <input type="button" name="Submit" value="getValue" onclick="getValue()" />
</p>
<script type="text/javascript">
function getValue(){
  var ofrm1 = document.getElementById("frame1").document;
  if (ofrm1==undefined)
  {
    ofrm1 = document.getElementById("frame1").contentWindow.document;
    var ff = ofrm1.getElementById("txt1").value;
    alert("firefox/chrome取值结果为:" + ff);
  }
  else
  {
    var ie = document.frames["frame1"].document.getElementById("txt1").value;
    alert("ie取值结果为:" + ie);
  }
}
</script>

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.