jquery或者js中 有沒有關閉瀏覽器其他窗口只保留當前窗口的方法

1、jQuery 的所有功能來源于JavaScript，jQuery本身只是js的一個封裝類庫。

創新互聯建站主營鹽城網站建設的網絡公司,主營網站建設方案,成都App制作,鹽城h5成都小程序開發搭建,鹽城網站營銷推廣歡迎鹽城等地區企業咨詢

2、使用 JavaScript 只有關閉當前窗口的方法，而且會彈出確認框提示是否關閉。但是無法關閉當前瀏覽器的其他窗口。

3、JavaScript 沒有這種方法，所有 jQuery 也沒有。但是很多瀏覽器有這樣的功能，就叫做關閉其他窗口或者關閉其他標簽頁。

4、希望對你有幫助。

jquery mobile 中怎么關閉當前頁面，一個界面上有一個關閉按鈕 ，點關閉就退出瀏覽器或者關閉瀏覽器？

無權限操作瀏覽器

js只能關閉本身窗口，或由當前頁面派生出的新窗口

不能直接關閉其他窗口

用window.close可關閉當前窗口

新手求教jquery怎么處理瀏覽器關閉之前執行銷毀session

一般都是頁面上有安全退出按鈕。你可以跳轉控制器到服務器上清理。

要不session有個過期時間可以自動清理。

如果你是點關閉按鈕，聽很多朋友說瀏覽器有些都不監聽關閉事件的。下面這個只兼容ie.

window.onbeforeunload = function (e) {

e = e || window.event;

var y = e.clientY

if (y = 0

|| y = Math.max(document.body.clientHeight, document.documentElement.clientHeight)

)

e.returnValue = "確認關閉瀏覽器窗口？！！";

}

jquerymobile 怎么關閉頁面

從本文開始，使用 jQuery Mobile 與 HTML5 開發 Web App 系列將會進入第三部分——jQuery Mobile 事件與方法，這其中將會利用之前所講述的 jQuery Mobile 組件作為例子說明，因此 Kayo 建議如果你不熟悉 jQuery Mobile ，可以首先閱讀前面兩部分的文章。本文會介紹 jQuery Mobile 的默認配置以及一些基本的事件使用方法。

一.默認配置

jQuery Mobile 會有一些默認的設置，如之前介紹過的 Ajax 導航形式，可以選擇在默認配置中關閉，這樣整個網站都會關閉 jQuery Mobile Ajax 導航。

jQuery Mobile 把所有這些配置都封裝在 $.mobile 中，作為它的屬性，因此改變這些屬性值就可以改變 jQuery Mobile 的默認配置。

當 jQuery Mobile 開始執行時，它會在 document 對象上觸發 mobileinit 事件，并且這個事件遠早于 document.ready 發生，因此開發者需要通過如下的形式重寫默認配置：

1

2

3

$(document).bind("mobileinit", function(){

// 新的配置

});

由于 mobileinit 事件會在 jQuery Mobile 執行后馬上觸發，因此開發者需要在 jQuery Mobile 加載前引入這個新的默認配置，若這些新配置保存在一個名為 custom-mobile.js 的文件中，你按如下順序引入 jQuery Mobile 的各個文件。

1

2

3

script src="jquery.min.js"/script

script src="custom-mobile.js"/script

script src="jquery-mobile.min.js"/script

下面以 Ajax 導航作為例子說明如何自定義 jQuery Mobile 的默認配置：

在之前的文章《使用 jQuery Mobile 與 HTML5 開發 Web App —— jQuery Mobile 頁面與對話框》中，Kayo 說明過，jQuery Mobile 是以 Ajax 的方式驅動網站（可以參加上文的第三點“Ajax 驅動的站點”），若某個鏈接不需要 Ajax ，可以為某個鏈接添加 data-ajax=”false” 屬性，這是局部的設置，如果開發者需要取消默認的 Ajax 方式（即全局取消 Ajax），可以自定義默認配置：

代碼如下：

1

2

3

$(document).bind("mobileinit", function(){

$.mobile.ajaxEnabled = false;

});

jQuery Mobile 是基于 jQuery 的，因此你也可以使用 jQuery 的 $.extend 擴展 $.mobile 對象，

1

2

3

4

5

$(document).bind("mobileinit", function(){

$.extend($.mobile, {

ajaxEnabled: false

});

});

使用上面的第二種方法可以很方便的自定義多個屬性，如在上例的基礎上同時設置 activeBtnClass ，即為當前頁面分配一個 class，原本的默認值為 “ui-btn-active”，現在設置為“new-ui-btn-active”，可以這樣寫：

1

2

3

4

5

6

$(document).bind("mobileinit", function(){

$.extend($.mobile, {

ajaxEnabled: false,

activeBtnClass: "new-ui-btn-active"

});

});

上面的例子中介紹了簡單同時也是最基本的 jQuery Mobile 事件，它反映了 jQuery Mobile 事件需要如何使用，同時也要注意觸發事件的對象和順序。

下面列出所有的默認配置及說明。（以屬性名、值的類型、默認值的方式說明）

activeBtnClass 字符串 默認值："ui-btn-active"

為激動狀態的按鈕分配 class 值。

activePageClass 字符串 默認值："ui-page-active"

為當前頁面分配 class 值。

ajaxEnabled 布爾型 默認值：true

控制是否禁止默認的 Ajax 鏈接點擊和表單提交，并停止 hash 的監聽，然后以常規的 HTTP 方式進行。

allowCrossDomainPages 布爾型 默認值：false

設置是否允許跨域。因為 jQuery Mobile 會記錄 location hash ，這有可能會為網站帶來 cross-site scripting (XSS) 攻擊，因此該選項默認為 false 。

autoInitializePage 布爾型 默認值：true

當 DOM 加載完畢后，jQuery Mobile 會自動調用 $.mobile.initializePage 方法。如果設置該屬性為 false ，則頁面不進行初始化，即頁面空白。

buttonMarkup.hoverDelay 整形 默認值：200

該屬性設置觸摸觸摸某一個 jQuery Mobile 按鈕后添加 hover 和 down 的 class 的延時。該數值越小，延時越小，觸摸越靈敏，但同時很有可能錯誤的觸發頁面滾動條滾動。因此建議數值不要太小。

defaultDialogTransition 字符串 默認值："pop"

設置使用 Ajax 方式的對話框的默認過場動畫。

defaultPageTransition 字符串 默認值：fade

設置使用 Ajax 方式跳轉的頁面的默認過場動畫。

gradeA 布爾型 默認值："true"

設置 $.support.mediaquery 的返回值，默認為符合全部 grade A 等級的移動設備的支持條件才會返回 true 。

hashListeningEnabled 布爾型 默認值：true

設置是否監聽和處理 location.hash 的改變。

ignoreContentEnabled 布爾值 默認值：false

把該選項設置為 true ，并且在某元素的父元素上設置 data-enhance="false" 屬性，那么該元素會自動降低 jQuery Mobile 增強（jQuery Mobile 元素增強指的是 jQuery Mobile 對網頁基本元素在樣式上的豐富、交互上的增強以及相應的 HTML 結構改造）。

linkBindingEnabled 布爾值 默認值：true

jQuery Mobile 會自動綁定錨標記到文檔中，設置該選項為 false 將阻止所有的錨點擊處理，例如取消激活按鈕狀態。一般來說只有在把錨標記處理交給另一個處理庫時才設置該屬性為 false 。

loadingMessageTextVisible 布爾值 默認值：false

設置當頁面加載中的時候是否顯示提示文字。

loadingMessage 字符串 默認值："loading"

設置當頁面顯示加載提示時，加載提示文字的內容。

loadingMessageTheme 字符串 默認值："A"

設置當頁面顯示加載提示時，加載提示的默認主題。

minScrollBack 整形 默認值：250

設置頁面最小滾動距離

NS 字符串 默認：""

該屬性可以改變 jQurey Mobile 的命名空間，jQuery Mobile 按 data-NS 屬性值安排命名空間，默認為空，則直接 data-role ，舉個簡單的例子，若設置 NS 的值為 "custom" ，則此時需要定義一個 jQuery Mobile 頭部的話需要從原來的 data-role="header" 改為 data-custom-role="header" ，其他 data-role 也要改成為 data-custom-role 。這樣開發者可以創建屬于自己的命名空間，避免與 jQuery Mobile 原有的屬性發生沖突， 便于制作自定義主題。

需要注意的是，當你使用了 data-命名空間后，你需要更新 jQuery Mobile css 文件的選擇器，格式如下

.ui-mobile [data-custom-role=page], .ui-mobile [data-custom-role=dialog] ......

pageLoadErrorMessage 字符串 默認值："Error Loading Page"

設置當 Ajax 加載頁面錯誤時顯示的提示信息。

pageLoadErrorMessageTheme 字符串 默認值："e"

設置當 Ajax 加載頁面錯誤時錯誤提示框的主題樣式。

pushStateEnabled 布爾型 默認值：true

在支持的瀏覽器中開啟 history.replaceState 這個增強特性，把哈希值（hash-based）的 Ajax 請求轉化為完整的文檔路徑。jQuery Mobile 建議在關閉 Ajax 導航和大量使用外部鏈接的情況下關閉這個特性。

subPageUrlKey 字符串 默認值："ui-page"

URL 參數用來指向由組件生成的子頁面(如嵌套列表頁)，該 URL 會被解釋成如 example.htmlui-page=subpageIdentifier 的形式，而在 ui-page= 之前的哈希值會被 jQuery Mobile 向此 URL 地址做 Ajax 請求。

touchOverflowEnabled 布爾型 默認值：false

設置是否使用設備的原生區域滾動特性，除了 iOS5 之外大部分的設備到目前還不支持原生的區域滾動特性，因此在 jQuery Mobile 1.1.0 中不建議修改該屬性。

二.事件基礎

通過上面的基本配置，相信大家對 jQuery Mobile 的事件也有一定了解，這里 Kayo 再正式介紹一下 jQuery Mobile 的事件。

jQuery Mobile 在基于本地事件上，創建了一系列的自定義事件，大部分事件是基于觸摸設備的使用情況開發的，當然這些事件對于桌面環境也會有適當的處理，開發者可以使用 bind() 函數綁定到需要的頁面對象中。

值得注意的是，jQuery Mobile 是基于 Ajax 導航的，所以采用 bind() 方法綁定的事件無法作用于 Ajax 產生的網頁元素中，因此建議開發者使用動態綁定的方法如 live()、delegate() 將事件動態的綁定到相應的元素中。live()、delegate() 等方法可以把 jQuery Mobile 選擇器選擇的 DOM 元素，在整個 DOM 范圍將其持久化，這就意味著，無論該元素是先前存在還是通過 Ajax 動態加載的，事件都會被綁定，如同 CSS 給元素添加樣式一樣。這在對 Ajax 有比較大依賴的網站中是必須注意的。

live()、delegate() 在實現動態綁定的原理和資源消耗方面也有很大的差別，但這并不是本文的討論范圍，Kayo 將會另寫文章敘述。

2012/11/7 更新

“剛剛在網友提醒下，了解到在 jQuery 1.7 中，引入了一個新的事件綁定函數 —— .on() ，用于代替 bind, live, delegate 。但 jQuery Mobile 文檔仍建議使用 .bind() 和 .live() 方法綁定事件，jQuery Mobile 并沒有明確其中原因，但考慮到低版本的 jQuery Mobile 只需 jQuery 1.6.4 的支持就足夠，出于兼容性的原因，當然也可能是由于考慮到開發者的習慣，jQuery Mobile 才作出以上建議。當然如果開發者熟悉 .on() 方法也不妨采用 .on() 進行事件綁定。”

下面以其中的 live() 方法舉一個例子說明如何動態綁定 jQuery Mobile 事件。

1

2

3

4

5

$(function(){

$("body").live('swiperight', function() {

$('#next').click(); // #next 為下一頁的鏈接的 id

});

});

說明：上面的例子中，假設進入下一頁的鏈接的 id 為 next 。那么在頁面上向右滑動就會觸發點擊了下一頁的鏈接，從而進入下一頁。可以想象，這個過程是 Ajax 的，頁面會平滑的跳轉并且會有過場動畫，這樣從視覺上看，可以很好的做出原生 App 中常見的滑動翻頁功能。當然，這些是基于瀏覽器的，如果用戶的移動設備配置不高的話，會很容易造成畫面不流暢等降低用戶體驗的情況，這也是 Kayo 在前文中建議不要使用過于炫麗的過場動畫（如 3D transforms）的原因之一。

通過上面的例子，不難看出 jQuery Mobile 的強大和方便，它考慮了很多開發 Web App 需要用到的功能。至于 jQuery Mobile 的詳細事件，Kayo 將會在下文中詳細說明。

三.完整 Demo

本例子對上面提到的自定義 jQuery Mobile 默認配置和滑動事件綁定進行測試，滑動事件是為觸摸設備而設計的，因此建議你使用觸摸設備進行測試，若使用 PC 環境測試，jQuery Mobile 也會檢測鼠標操作代替觸摸操作，具體的操作是按住鼠標左鍵進行滑動，jQuery Mobile 的默認滑動有效距離是 30px，因此測試時只需滑動一小段距離即可觸發滑動。具體的完整代碼可以打開 Demo 后直接查看文檔的源碼。

完整 Demo（建議使用 PC 上的 Firefox、Chrome 等現代瀏覽器和 IE9+ 或 Android , iPhone/iPad 的系統瀏覽器瀏覽）

分享標題：jquery瀏覽器關閉,js關閉當前瀏覽器
文章起源：http://m.newbst.com/article0/dsseoio.html

成都網站建設公司_創新互聯，為您提供用戶體驗、微信公眾號、微信小程序、外貿建站、域名注冊、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯