今天在項目中需要做遠端資料載入並渲染頁面,直到開發階段才意識到ajax跨域請求的問題,隱約記得Jquery有提過一個ajax跨域請求的解決方式,於是即刻翻出Jquery的API出來研究,發 JQuery對於Ajax的跨域請求有兩類解決方案,不過都是只支援get方式。分別是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。
JS隨機顏色有很多地方要用到:比如大家看到很多標籤串連都是五顏六色。那就需要到這個了。下面開始: 方法思路總共有二。一是準備一組漂亮的候選顏色,二是隨機產生顏色。實現1複製代碼 代碼如下:var getRandomColor = function(){ return '#' +
一款優秀的菜單對網站而言是非常重要的,它不僅可以讓使用者方便地找到想要的資訊,而且更讓人有一種特殊的使用者體驗。下面給大家分享7款風格新穎的jQuery/CSS3菜單導航,希望大家會喜歡。1、CSS3立體飄帶狀菜單CSS3立體飄帶狀菜單,該菜單滑鼠滑過時,功能表項目向上立體凸起,結合黑色的木質背景,整個菜單顯得非常立體生動。線上示範 /源碼下載2、CSS3設定檔導覽功能表該菜單是用來展示登入的使用者資訊,包括使用者的快捷操作按鈕,另外菜單還提供一個個人化的搜尋方塊。線上示範
眾所周知PHP中對時間類型資料可以直接轉換為時間戳記,那麼在前端指令碼js中,也有方法可以實現,就是valueOf()例如,我們可以通過這段代碼輸出目前時間點的時間戳記複製代碼 代碼如下:<script type="text/javascript"> document.write(new Date().valueOf());</script>那麼何為時間戳記呢?時間戳記就是從1970年1月1日0時0分0秒到目前時間點的所有秒數。1970.1.1 0:0:0
複製代碼 代碼如下: <!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> <title></title> <style
複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <title>test</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body> <div style="height:300px;background-color:red;"
複製代碼 代碼如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $('#txtUserName').focus(function () { $('#txtUserName').val(''); }) $('#txtPassWord').focus(function () { $('#txtPassWord').val(''); })
蒙板是兩個div,其中popWindow樣式的div用於遮住整個頁面,並半透明。maskLayer 在popWindow上面,用於顯示蒙板的資訊,比如“載入中……“ 複製代碼 代碼如下: <html> <head> <style type="text/css"> .popWindow { background-color:#9D9D9D; width: 100%; height: 100%; left: 0; top: 0; filter:
複製代碼 代碼如下: <script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { var txtName = $('#txtName').val(); var gender = $('#gender').is(':checked') ? '男' : '女'; var isMarry = $('#isMarry').is(':checked') ? '已婚' : '未婚'; $(
複製代碼 代碼如下: function cls_marquee(id,id1,id2,sp){ this.obj_id=id; this.obj_id1=id1; this.obj_id2=id2; this.speed=sp; eval(this.obj_id2+".innerHTML="+this.obj_id1+".innerHTML"); function Marquee(){ if(eval(id2).offsetTop-eval(id).scrollTop<=0)
為瞭解決這個問題昨天寫了根據位元組數截取字串的函數。具體使用很簡單,跟String.subString(start, end)一樣使用就可。比如:var str = "誒必塞第衣愛撫即"; var str1 = str.subCHStr(2, 2); var str2 = str.subCHString(2, 4); alert(str1 + " == " + str2);複製代碼 代碼如下:Code//計算字串長度String.prototype.strLen = function()
在這個小程式中,需要把images檔案夾片的命名設定為有順序的,1、2、3…… 複製代碼 代碼如下: <script type="text/javascript"> var imgnumb = 1; function imgfor() { imgnumb++; document.getElementById('img1').setAttribute('src', 'images/' + imgnumb + '.jpg'); if (imgnumb == 5) { //共5張圖片
在jQuery中,有幾種方式可以判斷一個對象是否是數字,或者可否轉換為數字。首先,jQuery.isNaN()在最新版本中已經被移除了(1.7之後),取而代之的是 jQuery.isNumeric ()。這並不奇怪,因為jQuery.isNaN() 同Javascript內建的isNaN()名字相同,但是語義卻不完全相同,在一定意義上會造成歧義。 jQuery.isNumeric ()有著與其相似的功能,同時也解決了歧義問題。jQuery.isNumeric
第一次做的外掛程式,早寫好了,後來發現一個jquery外掛程式模板,就拿過來套。名字叫jquery.boilerplate.js。我的理解不是很深,也不太理解太多效率問題。本來我是一個做asp.net開發的,可是公司好些個人包括美工沒太會js啊。項目很多js改來改去搞得我都頭大了。萌發了寫外掛程式的想法,於是照葫蘆畫瓢寫啊,寫外掛程式的過程也學了js的物件導向。對js,還有一些效率問題有了更深瞭解。以前有個項目單個頁面寫過600多行的js檔案。全是按功能面向過程寫的。亂的不堪回首啊好吧先是說一下
Extjs 本身是一個載入慢的JS架構,這個需要程式員的多去最佳化,之前說過了JS的打包的最佳化 這次來寫寫怎麼減少冗餘代碼,也是提高運行速度,包含了1、刪除代碼通用2、提交表單通用3、初始化Gird通用化 本次唯寫 刪除代碼最佳化 先貼出代碼 複製代碼 代碼如下: /** * 擷取個GridPanel的選擇的記錄 */ function $getGdSelectedIds(grid, idName) { var selRs =
層次選取器:$('div p');//選取div下的所有的p元素$('div>p').css('border','1px solid red');//只選取div下的直接子項目//相鄰的元素$('div ~ p).css('border','1px solid red');與$('div').nextAll('p')等價;//表示div後面的所有p兄弟元素$('div ~ *').css('border','1px solid red');//表示div後面的所有兄弟元素$('div
JavaScript 中的 typeof 其實非常複雜,它可以用來做很多事情,但同時也有很多怪異的表現。 本文列舉出了它的多個用法,而且還指出了存在的問題以及解決辦法。閱讀本文的前提是,你現在應該已經知道原始值和對象值的區別了。檢查一個變數是否存在,是否有值typeof在兩種情況下會返回 "undefined":1.變數沒有被聲明2.變數的值是 undefined例如:複製代碼 代碼如下:> typeof undeclaredVariable === "undefined"true>
replace() 方法用於在字串中用一些字元替換另一些字元,或替換一個與Regex匹配的子串。文法:string.replace(subStr/reg,replaceStr/function)第一個參數可以是字串的子字串,也可以是一個Regex,第二個參數可以是一個字串或者一個處理方法,下面我們分別看看複製代碼 代碼如下:document.write('1234'.replace(1, 'X'));我們可以得到結果:X234,很正常,但是複製代碼 代碼如下:document.write('12
無標題文檔My space [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
struts2中s:radio標籤的使用總結 遇到的問題:在使用該標籤時,設定了預設選中項,但提交資料返回後,單選框不能顯示之前選中的項,仍然為預設選項 通過測試得出以下結論: 以<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" theme="simple"></s:radio>為例 在使用s:radio標籤的時候,如果要使該標籤預設選中一項,可以通過兩種方法 1、通過js代碼實現 複製代碼 代碼如下: