使用iframe进行其他资源的引用:
test.html
<html>
<body>
<title></title>
基本的html文件
<input type='text' value='testing'/>
</body>
</html>
index.html
<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>
<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>
<iframe src="test.html"></iframe>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
function func() {
alert("Hello World");
var a= document.getElementById("iframename").contentWindow.document.getElementById("btnCheckAll").value;
alert (a);
}
document.getElementById("iframename").contentWindow.document.getElementById("btnCheckAll").value
</script>
</head>
<body>
<p>测试一下块元素与<span>内联元素</span>的差别</p>
<p>测试一下<div>块元素</div>与内联元素的差别</p>
<a href=""></a>
<image src="" height="12px" width="12px"> </image>
<br>
<iframe id = "iframename" src="http://localhost:8080/szcmaven/html/secondcss.jsp" width="200" height="200">
脚本之家使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问脚本之家。
</iframe>
<button type ="button" onclick ="func()">点击</button>
secondcss.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery.min.js"></script>
</head>
<body>
<div>
<input id="btnCheckAll" type="button" value="全选" />
<input id="btnCheckNone" type="button" value="全不选" />
</div>
</body>
</html>