扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、首先在jquery 中scroll 事件适用于所有可滚动的元素和 window 对象。当用户滚动指定的元素时,scroll 事件被触发,代码如下所示。
创新互联公司-专业网站定制、快速模板网站建设、高性价比秀英网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式秀英网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖秀英地区。费用合理售后完善,十多年实体公司更值得信赖。
2、运行该代码,滚动鼠标条,则下面的滚动次数会发生改变。
3、当调整浏览器窗口大小时,resize 事件被触发。
4、执行代码,尝试着放大或缩小窗口,则resize 事件被触发,记录窗口大小被改变的次数。
5、当指定的元素已加载时,load 事件被触发,代码如下所示。
6、当用户离开页面,在地址栏中键入新的地址,关闭浏览器窗口,重新加载页面等,unload事件被触发。
//设置大小
//方式一:
window.resizeBy //函数,这个函数是用来设置本窗口的大小;
//方式二:
window.open //函数,可以御用open方法,去设置弹出窗口的大小;
//如果是要获取到浏览器窗口大小,那么可以采用;
//获取大小
//方式一:
document.documentElement.clientWidth;
document.documentElement.clientHeight;
//方式二:
document.documentElement.offsetWidth;
document.documentElement.offsetHeidth;
//方式一获取到的宽度和高度不包含边框的值
//方式二获取到的宽度和高度值包含边框的值
//具体的运用,还得根据实际需求来订,不过灵活运用Jquery是我们快速开发的必备技能
我们在实际的项目中会有千奇百怪的需求;不同的需求影响我们去学习新的东西;
如何在实际开发中,运用JQuery或者Javascript去限制浏览器窗口的大小呢?
script type="text/javascript"
$(document).ready(function()
{
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
}
)
/script
复制代码 代码如下:
$(function(){
if (window.screen) {
var myw = screen.availWidth;
var myh = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(myw, myh);}});
再加上jquery的一些操作,这样就可以实现浏览器窗口的最大化。
以上方法其实不是真正的最大化,只是把窗口调整到最大而已,右上角最大化的按钮依然是单框,查阅了不少资料了,发现有那么一个方式可以基本实现完全最大化:
复制代码 代码如下:htmlhead
titlehello/title
meta http-equiv=pragma content=no-cache
meta http-equiv=cache-control content=no-cache
meta http-equiv=expires content=0
meta http-equiv=keywords content=keyword1,keyword2,keyword3
meta http-equiv=description content=This is my page/headbody
object id=max classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11param name=Command value=Maximize/object
input type=button value=最大化 onclick=max.Click()/body/html
script type=text/javascript
max.Click();
/script
以上代码可以直接复制到扩展名为.html的页面中,用IE浏览器运行(其他浏览器未测试),无论是刷新还是点击最大化按钮,都可以实现完全意义的上的最大化。
真诚的希望各位网友给与赐教!
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
在父窗口中获取iframe中的元素
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();
实例:$("#ifm").contents().find("#btnOk").click();
在iframe中获取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
实例:$('#btnOk', parent.document).click();
您可能感兴趣的文章:
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Jquery中获取iframe的代码
jquery获取iframe中的dom对象(两种方法)
html代码如下:
input
type="button"
value="显示"
id="b1"/
jquery代码如下:
添加jquery引用。。。
script
type="text/javascript"
$(function(){
$("b1").click("弹出一个窗口页面")
});
/script
不知楼主说的窗口页面是否是这样的。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流