您的位置:首页 > Web前端 > JavaScript

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中有不同的实现过程

又没有专门的文档
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: