首页 > 代码库 > 关于iframe
关于iframe
-
- iframe 在一个页面内部嵌入一个子页面
+ name属性表示iframe的名称，用于区分不同的iframe
+ iframe属性frameborder表示子页面的边框
+ width和height分别表示子页面的宽高
+ src属性表示嵌入子页面的url地址
- 可以通过表单的target属性指向iframe的name属性值，表示响应内容在子页面刷新<form action="./inner.php" method="post" target="abc">
用户名：<input type="text" name="username">
密 码：<input type="password" name="password">
<input type="submit" value="http://www.mamicode.com/提交">
</form>
<iframe width="0" height="0" frameborder="0" name="abc"></iframe> - return false//阻止表单默认行为
<script type="text/javascript">
window.onload = function(){
var btn = document.getElementById(‘btn‘);
btn.onclick = function(){
var uname = document.getElementById(‘username‘);
if(!uname.value){
var uInfo = document.getElementById(‘uInfo‘);
uInfo.innerHTML = ‘用户名不能为空‘;
// 获取当前输入文本框的焦点
uname.focus();
// 阻止表单提交
return false;
}// 手动提交表单
var form = document.getElementById(‘form‘);
form.submit();
// 阻止默认行为
return false;
}
}
</script>
</head>
<body>
<form action="data.php" id="form">
用户名: <input type="text" name="username" id="username">
<span id="uInfo"></span>
<br>
密码: <input type="password" name="password" id="password">
<input type="submit" value="http://www.mamicode.com/提交" id="btn">
</form>
关于iframe