js的一些页面处理(iframe的高度可变,回车提交)
2016-03-10 00:00
295 查看
如果网页中嵌入iframe时,如何根据其子页面的高度不同而变化
在iframe的属性中设置onload的值就可以设置父页面的高度'main'为iframe的name值
onload="document.all('main').style.height=main.document.body.scrollHeight;"
这样就很简单的通过父页面的设置就可以将所有的子页面的高度得到来实现父页面高度的可变。
但是如果出现这样的情况,就是子页面的操作导致子页面的高度发生变换
例如电击子页面的文字出现增加表格等页面不跳转,而只是页面变化。
如果这样的话,那么因为上一个在父页面设置的值就不会得到新的子页面的高度。
这样的话就可以在触发页面变化之后告诉父页面子页面现在的高度
parent.document.all.main.style.height=document.body.scrollHeight
这样就可以随时的使页面的高度达到最佳的浏览效果
好象在firefox中能自己辨别高度。
回车触发提交
这个是比较简单的
在输入框中用onKeyDown事件触发js实现
判断keycode是否为13是则提交
function onkeySubmit(){
if (window.nevt.keyCode==13)
{
doSubmit();//提交判断
return true;
}
return;
}
可是这样的代码在firefox中是不被支持的,写成如下格式才可以。
function onkeySubmit(nevt){
var nevt=evt?evt:window.event;
if (nevt.keyCode==13)
{
doSubmit();
return true;
}
return;
}
在js中有许多的代码在firefox和ie中有不同的实现过程
又没有专门的文档
在iframe的属性中设置onload的值就可以设置父页面的高度'main'为iframe的name值
onload="document.all('main').style.height=main.document.body.scrollHeight;"
这样就很简单的通过父页面的设置就可以将所有的子页面的高度得到来实现父页面高度的可变。
但是如果出现这样的情况,就是子页面的操作导致子页面的高度发生变换
例如电击子页面的文字出现增加表格等页面不跳转,而只是页面变化。
如果这样的话,那么因为上一个在父页面设置的值就不会得到新的子页面的高度。
这样的话就可以在触发页面变化之后告诉父页面子页面现在的高度
parent.document.all.main.style.height=document.body.scrollHeight
这样就可以随时的使页面的高度达到最佳的浏览效果
好象在firefox中能自己辨别高度。
回车触发提交
这个是比较简单的
在输入框中用onKeyDown事件触发js实现
判断keycode是否为13是则提交
function onkeySubmit(){
if (window.nevt.keyCode==13)
{
doSubmit();//提交判断
return true;
}
return;
}
可是这样的代码在firefox中是不被支持的,写成如下格式才可以。
function onkeySubmit(nevt){
var nevt=evt?evt:window.event;
if (nevt.keyCode==13)
{
doSubmit();
return true;
}
return;
}
在js中有许多的代码在firefox和ie中有不同的实现过程
又没有专门的文档
相关文章推荐
- JavaScript常用判断函数
- 使用Javascript评估用户输入密码的强度
- JS操作Cookies
- Javascript 作用域和变量提升
- JSON对象,NSDictionary,NSString间的转换之NSJSONSerializati
- JSON对象转换成Byte(字节)数组
- js数组排序
- js 全部替换
- JS小数点乘法除法问题详解
- 运用Ajax和JSON对象实现JSP和Servlet的数据传递
- js中几种方法的总结。(实例方法、类方法、原型方法)
- [RxJS] Changing Behavior with MapTo
- JSP和Servlet的区别
- EXTJS 5 学习笔记2 - Components
- EXTJS 5 学习笔记1 - Class System
- js库Modernizr的介绍和使用
- Javascript的精华啊【如果以后我看到了或者想到了再继续补吧】
- jsp连接数据
- Javascript之this对象初解
- OC与JS互相调用