1、首先在jquery 中scroll 事件適用于所有可滾動的元素和 window 對象。當(dāng)用戶滾動指定的元素時,scroll 事件被觸發(fā),代碼如下所示。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比秀英網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式秀英網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋秀英地區(qū)。費(fèi)用合理售后完善,十多年實(shí)體公司更值得信賴。
2、運(yùn)行該代碼,滾動鼠標(biāo)條,則下面的滾動次數(shù)會發(fā)生改變。
3、當(dāng)調(diào)整瀏覽器窗口大小時,resize 事件被觸發(fā)。
4、執(zhí)行代碼,嘗試著放大或縮小窗口,則resize 事件被觸發(fā),記錄窗口大小被改變的次數(shù)。
5、當(dāng)指定的元素已加載時,load 事件被觸發(fā),代碼如下所示。
6、當(dāng)用戶離開頁面,在地址欄中鍵入新的地址,關(guān)閉瀏覽器窗口,重新加載頁面等,unload事件被觸發(fā)。
//設(shè)置大小
//方式一:
window.resizeBy?//函數(shù),這個函數(shù)是用來設(shè)置本窗口的大小;
//方式二:
window.open?//函數(shù),可以御用open方法,去設(shè)置彈出窗口的大小;
//如果是要獲取到瀏覽器窗口大小,那么可以采用;
//獲取大小
//方式一:
document.documentElement.clientWidth;
document.documentElement.clientHeight;
//方式二:
document.documentElement.offsetWidth;
document.documentElement.offsetHeidth;
//方式一獲取到的寬度和高度不包含邊框的值
//方式二獲取到的寬度和高度值包含邊框的值
//具體的運(yùn)用,還得根據(jù)實(shí)際需求來訂,不過靈活運(yùn)用Jquery是我們快速開發(fā)的必備技能
我們在實(shí)際的項目中會有千奇百怪的需求;不同的需求影響我們?nèi)W(xué)習(xí)新的東西;
如何在實(shí)際開發(fā)中,運(yùn)用JQuery或者Javascript去限制瀏覽器窗口的大小呢?
script type="text/javascript"
$(document).ready(function()
{
alert($(window).height()); //瀏覽器當(dāng)前窗口可視區(qū)域高度
alert($(document).height()); //瀏覽器當(dāng)前窗口文檔的高度
alert($(document.body).height());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerHeight(true));//瀏覽器當(dāng)前窗口文檔body的總高度 包括border padding margin
alert($(window).width()); //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?/p>
alert($(document).width());//瀏覽器當(dāng)前窗口文檔對象寬度
alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度 包括border padding margin
}
)
/script
復(fù)制代碼 代碼如下:
$(function(){
if (window.screen) {
var myw = screen.availWidth;
var myh = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(myw, myh);}});
再加上jquery的一些操作,這樣就可以實(shí)現(xiàn)瀏覽器窗口的最大化。
以上方法其實(shí)不是真正的最大化,只是把窗口調(diào)整到最大而已,右上角最大化的按鈕依然是單框,查閱了不少資料了,發(fā)現(xiàn)有那么一個方式可以基本實(shí)現(xiàn)完全最大化:
復(fù)制代碼 代碼如下: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
以上代碼可以直接復(fù)制到擴(kuò)展名為.html的頁面中,用IE瀏覽器運(yùn)行(其他瀏覽器未測試),無論是刷新還是點(diǎn)擊最大化按鈕,都可以實(shí)現(xiàn)完全意義的上的最大化。
真誠的希望各位網(wǎng)友給與賜教!
在web開發(fā)中,經(jīng)常會用到iframe,難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
在父窗口中獲取iframe中的元素
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();
實(shí)例:$("#ifm").contents().find("#btnOk").click();
在iframe中獲取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
實(shí)例:$('#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
不知樓主說的窗口頁面是否是這樣的。