JavaScript使用HTML5的window.postMessage實現跨域通訊例子

JavaScript由於同源策略的限制,跨域通訊一直是棘手的問題。當然解決方案也有很多: 1.document.domain+iframe的設定,應用於主域相同而子域不同; 2.利用iframe和location.hash,資料直接暴露在了url中,資料容量和類型都有限 3.Flash LocalConnection, 對象可在一個 SWF 檔案中或多個 SWF 檔案間進行通訊, 只要 在同一用戶端就行,跨應用程式, 可以跨域。 window.name 儲存資料以及跨域 iframe

easy-animation | Animation for Sass

最近因為項目緣故,勾搭上了Sass。其實在折騰Sass之前,也有簡單用過一下Less。但礙於Less提供的一些API實在讓人覺得有點多餘,用著就是不順手,最後就不了了之啦。Sass之所以用起來舒服和順手,很大程度上是因為Compass的存在。Compass提供的足夠豐富的API,簡直讓你覺得寫CSS是一種享受。不過...Compass居然不支援animation!對,沒錯,就是CSS3那個做來做動畫的animation!(至少我翻了好久的Compass文檔也沒找到...)或許你會吐槽說:&ldq

javascript讀寫json樣本

JSON (JavaScript Object Notation)一種簡單的資料格式,比xml更輕巧。 JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 資料不需要任何特殊的 API 或工具包。 JSON的規則很簡單: 對象是一個無序的“‘名稱/值'對”集合。一個對象以“{”(左括弧)開始,“}”(右括弧)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值'

jQuery中使用data()方法讀取HTML5自訂屬性data-*執行個體

主要的方法如下:複製代碼 代碼如下:.data( key, value ).data( obj ).data( key ).data()從jQuery 1.4.3起, HTML 5 data- 屬性 將自動被引用到jQuery的資料對象中。例如HTML:複製代碼 代碼如下:<div data-role = "page" data-last-value = "43" data-hidden = "true" data-options = '{"name":"John"}' > <

JS、jquery實現幾分鐘前、幾小時前、幾天前等時間差顯示效果的代碼執行個體分享

要實作類別似功能,用JS就可以,實現方法如下:一、javascript函數實現:執行個體1:複製代碼 代碼如下://JavaScript函數:var minute = 1000 * 60;var hour = minute * 60;var day = hour * 24;var halfamonth = day * 15;var month = day * 30;function getDateDiff(dateTimeStamp){var now = new Date().getTime()

Compass的誤解與新發現

最後個人感覺 Compass是 css世界的.NET 很久以前看到 Compass 誤以為是css編譯器,因為總是在看到如何安裝Scss的文章裡面看到的 知道最近不小心進入 Compass官網溜達,才發現 The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example border-radius and text-shadow. What rendering

瀑布流布局代碼一例

複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

代碼擷取曆史上的今天發生的事

曆史上的今天json介面 ,分享給大家,資料來源於wiki複製代碼 代碼如下://http://history.sturgeon.mopaas.com //首頁//http://history.sturgeon.mopaas.com/jsonp?callback=?  //jsonp介面//http://history.sturgeon.mopaas.com/jsonp  //json介面//http://history.sturgeon.mopaas.com/jsonp/1

CSS基礎知識之選取器特殊性與重要性

在編寫CSS代碼的時候,我們會出現多個樣式規則作用於用一個元素的情況,例如 {:;}{ background-color:;}{:;}以上三個樣式規則都會作用於 ID 值為 "navigation" 的 nav 標籤,最終哪個樣式規則會生效呢,這取決於選取器的特殊性(或優先順序)高低,選取器特殊性高的樣式會覆蓋特殊性低的樣式,經過測試 nav 標籤的背景會顯示為 green

javascript判斷office版本樣本

使用JavaScript判斷office版本,在項目開發中非常有用,由其是在OA系統的線上office編輯,我們需要讓office線上編輯工具同時支援office的多個版本,例如office2003、2007。office在安裝的時候,會在註冊表中寫入索引值,具體位置為HKEY_CURRENT_USER/Software/Microsoft/Office。我們開啟註冊表就可以看到office的版本,office版本與註冊表索引值對應關係如下:複製代碼 代碼如下:11.0  &

用jquery寫的菜單從左往右滑動出現

最近,剛好在研究微網站的製作,查閱了大量的資料都是關於3平台開發教程,幾乎沒有這類的介紹,不過都是第三方平台提供模板製作微站而已,後來很感謝柳峰部落格最後寫的微網站的解惑, “什麼是微網站? 微網站是新瓶裝老酒,被一些搞營銷的人給神化了,以至於很多開發人員都在問什麼是微網站,如何開發微網站。微網站本質上就是以瀏覽器為入口的手機網站(Web

javascript如何判斷輸入的url是否正確

網頁得來,原網頁廣告太多,影響心情 複製代碼 代碼如下: <html> <head> <title>檢查是否為URL</title> <script language="javascript"> function check(){ str = form1.txt.value; str = str.match(/http:\/\/.+/); if (str == null){ alert('你輸入的URL無效'); return

php的檔案上傳入門教程(執行個體講解)

一、檔案上傳為了讓用戶端的使用者能夠上傳檔案,我們必須在使用者介面中提供一個表單用於提交上傳檔案的請求。由於上傳的檔案是一種特殊資料,不同於其它的post資料,所以我們必須給表單設定一個特殊的編碼:複製代碼 代碼如下:<form action="upload.php" method="POST" enctype="multipart/form-data"></form>以上的enctype屬性,你可能不太熟悉,因為這常常會被忽略掉。但是,如果http

ajax請求亂碼的解決方案(中文亂碼)

今天遇到一個問題,有關ajax請求中傳輸中文,遇到亂碼的問題。如下代碼:複製代碼 代碼如下:function UpdateFolderInfoByCustId(folderId, folderName, custId) {    $.ajax({        type: "Post",        contentType:

javascript:void(0)的問題使用探討

在做頁面時,如果想做一個連結點擊後不做任何事情,或者響應點擊而完成其他事情,可以設定其屬性 href = "#",但是,這樣會有一個問題,就是當頁面有捲軸時,點擊後會返回到頁面頂端,使用者體驗不好。 目前有如下幾種解決辦法: 1)點選連結後不做任何事情 複製代碼 代碼如下: <a href="javascript:void(0);" >test</a> <a href="javascript:;" >test</a> <a href="###

javascript正則匹配漢字、數字、字母、底線

javascript正則檢測只含有漢字、數字、字母、底線不能以底線開頭和結尾遇到一個使用者名稱檢測的的問題,查了一下,總結例子如下:複製代碼 代碼如下:var reg = /^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$/;if (!reg.test(實際取值的字串)) {    alert('請輸入5-24位字元:支援中文、英文、數字、“_”,推薦使用中文');}

JavaScript中雙歎號(!!)作用樣本介紹

經常看到這樣的例子: 複製代碼 代碼如下: var a; var b=!!a; a預設是undefined。!a是true,!!a則是false,所以b的值是false,而不再是undefined,也非其它值,主要是為後續判斷提供便利。 !!一般用來將後面的運算式強制轉換為布爾類型的資料(boolean),也就是只能是true或者false; 因為javascript是弱類型的語言(變數沒有固定的資料類型)所以有時需要強制轉換為相應的類型,類似的如: 複製代碼

js擷取視頻時間長度代碼

網上找的,因為最近要用,但還沒試過  複製代碼 代碼如下:    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">      <html

JavaScript 表單驗證

一:表單數字範圍驗證: border-bottom-width: 0px;" cellpadding="0" cellspacing="0"> 緯度: 360){this.value=360;}">&nbsp;&nbsp;度&nbsp;&nbsp; &

[js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()

這幾個方法在js的進階編程中經常用到,對於新手來說可能還不知道他們有什麼區別,我把我的體會總結下來,供大家參考: 首先,定義一個對象: 複製代碼 1  function Parent() {this.name = "wenbo";} 2  Parent.prototype.alertP = function() { 3      alert("Parent"

總頁數: 3271 1 .... 2786 2787 2788 2789 2790 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.