其他

前兩天碰到一個跨域問題的處理，使用jsonp可以解決。（http://www.jb51.net/article/57889.htm）最近再整理了一下：1.jsonp。   ajax請求，dataType為jsonp。這種形式需要請求在服務端調整為返回callback([json-object])的形式。如果服務端返回的是普通json對象。那麼調試的時候，在chrome瀏覽器的控制台會報"Uncaught SyntaxError: Unexpected

本文執行個體講述了setinterval()與clearInterval()JS函數的調用方法。分享給大家供大家參考。具體如下：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html

json字串很有用，有時候一些後台介面返回的資訊是字串格式的，可讀性很差，這個時候要是有個可以格式化並高亮顯示json串的方法那就好多了，下面看看一個Regex完成的json字串的格式化與高亮顯示首先是對輸入進行轉換，如果是對象則轉化為規範的json字串，不是對象時，先將字串轉化為對象（防止不規範的字串），然後再次轉化為json串。其中json為輸入。複製代碼 代碼如下:if (typeof json !== 'string') {    json =

最常用的遍曆方式為for語句（也有遞迴、while方式）。當我們遍曆一個數組的時候，我們一般會這麼做：複製代碼 代碼如下:var arr = [1,2,3,4,5,6,7,8,9,10];for(var i=0,total=arr.length;i<total;i++){ 

本文執行個體講述了html的DOM中document對象images集合用法。分享給大家供大家參考。具體分析如下：images 集合可返回對文檔中所有 Image 對象的引用。文法：複製代碼 代碼如下:document.images[]為了與 0 級 DOM 相容，該集合不包括由 <object> 標記定義的映像。例子：複製代碼 代碼如下:<html><body><img border="0" src="hackanm.gif" width="48"

Regex：1、什麼是RegExp?RegExp是Regex的縮寫。RegExp 對象用於規定在文本中檢索的內容。2、定義RegExp：var +變數名=new RegExp();3、RegExp 對象有 3 個方法：1）test()檢索字串中的指定值，傳回值是true或false.複製代碼 代碼如下:var p1=new Reg("e");document.write(Reg.test("welcome to China!"));2）exec()複製代碼 代碼如下:var

本文執行個體講述了嵌入式iframe子頁面與父頁面js通訊的方法。分享給大家供大家參考。具體分析如下：iframe架構中的頁面與首頁面之間的通訊方式根據iframe中src屬性是同域連結還是跨域連結，有明顯不同的通訊方式，同域下的資料交換和DOM元素互訪就簡單的多了，而跨域的則需要一些巧妙的方式來實現通訊。一、同域下父子頁面的通訊父頁面 parent.html：複製代碼 代碼如下:<html><head><script type="text/javascript"&

JS代碼：複製代碼 代碼如下:<script language="javascript">   var myTime = setTimeout("Timeout()", 60000);   function resetTime() {       clearTimeout(myTime);       myTime =

在項目中，我們經常要得到項目的絕對路徑，方便我們上傳下載檔案，JS為我們提供了方法，雖說要迂迴一下。代碼如下： function getRealPath(){ //擷取當前網址，如： http://localhost:8083/myproj/view/my.jsp var curWwwPath=window.document.location.href; //擷取主機地址之後的目錄，如： myproj/view/my.jsp var pathName=window.

本文執行個體講述了js計算任意值之間隨機數的方法。分享給大家供大家參考。具體實現方法如下：首先：Math.random()這個方法就是計算隨機數的返回大於等於0小於1的隨機數，Math.random()*10豈不是返回大於等於0返回小於10嗎，但是他只能返回小於10的數，不能返回10，怎麼辦呢，我們在原來的函數上再加1就變成了Math.random()*10+1;此時就可以返回1到10的隨機數了，但是我們返回的很多是小數，不符合要求，下面就用到了Math.floor()這個函數了，這個函數執行向

本文執行個體講述了js擷取會話框prompt的傳回值的方法。分享給大家供大家參考。具體分析如下：擷取會話框prompt的傳回值，見例子：複製代碼 代碼如下:<html><head><script type="text/javascript">if(prompt("請輸入密碼","") == "admin"){ document.write("密碼正確");}else{ document.write("密碼錯誤");}</script&

無阻塞載入javascript，對於頁面效能最佳化有很大的作用，這樣能有效減少js對頁面載入的阻塞。特別是一些廣告js檔案，由於廣告內容有可能是富媒體，更是很可能成為你頁面載入提速的瓶頸，高效能javascript告訴我們，同學，提升你的網頁速度，就無阻塞地載入JS吧。於是便有一下代碼出現。(function() {var s = document.createElement('script');s.type = 'text/javascript';s.async = true;s.src =

PHPExcel 是相當強大的 MS Office Excel 文檔產生類庫，當需要輸出比較複雜格式資料的時候，PHPExcel 是個不錯的選擇。不過其使用方法相對來說也就有些繁瑣。列舉以記之。複製代碼 代碼如下:<?//設定PHPExcel類庫的include pathset_include_path('.'. PATH_SEPARATOR

本文執行個體講述了js實現在可編輯div中指定位置插入內容的方法，就像我們使用的編輯器一樣，分享給大家供大家參考。具體實現方法如下：首先要讓DIV啟用編輯模式複製代碼 代碼如下:<div contenteditable=true id="divTest"></div>通過設定contenteditable=true開啟div的編輯模式.這樣DIV就可以跟文字框一樣輸入內容了。不扯話題了。下面說怎麼擷取或設定游標位置.2個步驟：① 擷取DIV中的游標位置②

本文執行個體講述了js判斷手機和pc端選擇不同執行事件的方法。分享給大家供大家參考。具體如下：判斷是否為手機：function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os", bIsMidp=

廢話少說，直接上代碼，注釋裡解析的很清楚了，這裡就不BB了。複製代碼 代碼如下:/*根據〖中華人民共和國國家標準 GB

本文執行個體講述了js對象基礎用法。分享給大家供大家參考。具體分析如下：js對象在本質上與數組相同，都是存放一組資料。但建立方法有所不同，對象需要添加屬性。這裡簡單講述對象的建立、讀取/遍曆，如下：複製代碼 代碼如下:<html><head></head><body><script type="text/javascript">var stu =

本文執行個體講述了js實現點擊左右按鈕輪播圖片效果的方法。分享給大家供大家參考。具體實現方法如下：$(function () { var index = 1; var pPage = 1; var $v_citemss = $(".citemss"); var $v_show = $v_citemss.find("ul"); v_width = $v_citemss.width();//圖片展示區外圍div的大小

JS畫圖的想法經過大腦的時候，覺得有點意思，所以就實踐了一番。JS畫圖為系列文章，本是講點、線和面先看範例：http://www.zhaojz.com.cn/demo/draw5.html一、點　　這裡的點我們使用span標籤表示複製代碼 代碼如下://描點，參數有點的大小，顏色，點的座標和標籤; 很明顯opts參數是一個對象function drawPoint(opts){    document.write("<span id='"+opts.point[

這裡僅僅是將Google地圖API的使用方法告訴大家，算是拋磚引玉吧，由於某些原因，Google已經遠離大家了。複製代碼 代碼如下:<!DOCTYPE html><html><head><title>GeoLocation</title><meta name="viewport" content="initial-scale=1.0, user-scalable=no"><meta