關於跨站指令碼攻擊問題

一般的攻擊就是寫一段指令碼看是否能執行,就能判斷是否是攻擊了,比如說我寫<script> alert("執行了我了哦!!!"); </script>,然後看看當頁面載入的時候是否能執行,就行了。目前為止一般的網站這段代碼都不會執行,但是換一種方式呢? 比如<SCRIPT>alert(String.fromCharCode(88,83,83))</SCRIPT>,估計也米有幾個網站執行吧,大家都知道的。 下面看更猥瑣的測試例子,

js使用函數綁定技術改變事件處理常式的範圍

第一種,也是 最常見的,就是直接在html標籤裡面通過指定事件處理常式同名的HTML 屬性來註冊事件,代碼如下: 複製代碼 代碼如下: function eventHandler() { alert("當前範圍是 input 元素本身"); } <input type="button" value="單擊我" onclick="eventHandler(this)"/> 第二種方式就是將一個函數賦值給一個事件處理常式屬性。這種方式首先的擷取到這個元素對象,一般代碼如下: 複製代碼

TimergliderJS 一個基於jQuery的時間軸外掛程式

Timeglider JS是一個由javascript支援縮放,資料驅動的時間軸組件。非常適合顯示項目曆史,專案計劃及其其它需要顯示曆史的項目。 時間軸可以通過右邊拖放垂直滑動器來縮放介面:向上縮小,向下放大。同時也支援使用滾輪來控制縮放。通過滑鼠拖東空白處可以左右拖動時間軸,點擊事件可以彈出一個小視窗來描述時間內容及其資料。 JS組件有以下幾個目標: 支援iPads和其它支援觸摸的裝置 非常容易整合到基於HTML/JS應用和介面 支援複雜的布局,並且可以對任何指定自訂HTML元素添加事件

電子商務網站上的常用的js放大鏡效果

複製代碼 代碼如下: jsFiddleRun again Edit this fiddle Result HTML <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>放大鏡</title> <style> img{ vertical-align:bottom;} .mod_zoom{ overflow:hidden; zoom:1;} .

js 投影片的實現

摒棄其他的效果,最簡單的輪播也就只有一條語句: parent.appendChild(parent.firstChild),不斷的把列表的一個元素添加到最後一個,appendChild會將節點從原來的位置移除,所以藉此可以產生轉場效果。 一點,IE對文本的文本節點與其他的瀏覽器不同,在擷取子節點的時候需要注意,另外在不同版本的FF中,children這個屬性也需要注意。 下面的demo沒有設定#view的overflow:hidden。 demo_1: 複製代碼 代碼如下:

jQuery版仿Path菜單效果

使用方法:     1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js(旋轉外掛程式),jquery.path.1.0.js(我自己寫的Path外掛程式)     2.頁面元素採用如下格式 複製代碼 代碼如下: <div id="content"> <div>單擊我</div> <div>★</div> <div>★</div>

extjs實現選擇多表自訂查詢功能 前台部分(ext源碼)

主要使用的技術: 1、extjs2.0,整體架構 2、RemoteCheckboxGroup.js ,用於動態產生表欄位(供查詢結果使用) 3、Ext.ux.grid.RowActions.js,用於grid行擴充(上移下移刪除等) 4、Datetime.js,用於時間選擇 5、MetaGrid.js 用於動態產生查詢結果清單(返回結果Grid) 6、ehcache 用於緩衝自定表資料,比如表名稱、欄位描述、長度等固定資訊 7、jxl.jar 用於查詢結果輸出,最後產生Excel檔案

javascript開發隨筆一 preventDefault的必要

不加的話貌似只在ie6出現過問題。出現過:改變圖片地址,結果圖片不見了,載入樣式,但樣式檔案沒了。就像是中斷了資源的下載一樣,正確時解釋是 IE6下使用A元素來做按鈕的時候一定要記得在onclick事件裡面調用preventDefault(),IE6會強制關閉當前活動的HTTP串連,導致正在請求的其他資源或指令碼載入不正常。 但資源如果已經被緩衝了,就沒有這個問題了 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head>

js擷取瀏覽器的可視地區尺寸的實現代碼

測試例子: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <

讓html的text輸入框只能輸入數字和1個小數點(0-59之間可改)

text 數字 59) this.value='0'"> [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

頁面調用單個swf檔案,嵌套出多個方法。

HTML 端: PART 1: 複製代碼 代碼如下: {{foreach from=$question.question_item item="it" name="question_item"}} <tr> <td align="left">{{$it.item_id}}</td> <td align="left">{{$it.item_name}}</td> <td align="left">9 <input

關於圖片按比例自適應縮放的js代碼

如。 瞄了一下,置中可以用 text-align:center; 來實現。而按比例縮放,利用預設 <img /> 的 width 、height 屬性解決不了。因為使用者圖片可能是很長的,也可能是很寬的。線上上想了一下他們的關係,按條件來判斷是這樣的:複製代碼 代碼如下: if(實際寬度 > 預覽最大寬度) { 縮放寬度 = 預覽最大寬度 } if(實際高度 > 預覽最大高度) { 縮放高度 = 預覽最大高度 }

jQuery代碼最佳化之基本事件

事件模型 說到事件,就要追溯到網景與微軟的“瀏覽器大戰”了。當時,事件模型還沒有標準,兩家公司的實現就是事實標準。網景在Navigator中實現了“事件捕獲”的事件系統,而微軟則在IE中實現了一個基本上相反的事件系統,叫做“事件冒泡”。這兩種系統的區別在於當事件發生時,相關元素處理(響應)事件的優先權不同。 下面舉例說明這兩種事件機制的區別。假設文檔中有如下結構: 複製代碼 代碼如下: <div> <span> <a>...</a>

在網站上應該用的30個jQuery外掛程式整理

當然你現在可能不善於用,但我敢肯定你會發現他們在你未來的項目中使用!。 Nivo滑塊 毫無疑問,這個外掛程式是世界上最真棒jQuery的滑塊圖片,並配有超過15個過渡效果。Anything Slider 任何滑塊從所有最通用的滑塊。您可以添加絕對的東西,從視頻到簡單的文字和映像,這是真棒。投影片 投影片是,本著簡約的jQuery投影片外掛程式。擠滿了一套有用的功能,以協助新手和進階開發人員創造優雅和方便使用的投影片。jQuery的周期外掛程式

jQuery中jqGrid分頁實現代碼

(1)頁面代碼: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert

分頁欄的web標準實現

分頁欄是網頁上最常見不過的一個組件,本博文給出分頁欄的一個web2.0標準樣本,並作簡要分析。本分頁欄的介面效果如所示:本分頁欄組件具有以下特性:1、不論當前頁碼是哪一個,分頁欄始終顯示第一頁的頁碼和最後一頁的頁碼(如所示)。這樣,使用者不僅可以從最後的頁碼知道總共有多少頁,還能方便地在最後一頁和第一頁之間導航。2、使展現的頁碼個數(省略符也算一個)始終固定,比如固定為9個。如下面兩個圖所示,當前頁碼為1或9(或任意其他數字)時,展現的頁碼個數都為9個。這樣,下一頁按鈕的位置始終保持不變,在做A

javascript學習基礎筆記之DOM對象操作

DOM文件物件模型是HTML和XML的應用程式介面(API),DOM將整個頁面規劃成由節點層次構成的文檔。DOM對象給予開發人員對HTML的存取權限,並且使開發人員能將HTML作為XML文檔來處理和查看。DOM對象是與語言無關的API,意味著它的實現並不是與javascript綁定,這在於初學者來說可能會理解錯誤。DOM是針對XML的基於樹的API,它關注的不僅僅是解析XML代碼,而是用一系列相互關聯的對象來表示這些代碼,而這些對象可以被修改,而且無需重新解析代碼就能直接存取它們。由於DOM的使

JavaScript學習筆記(一) js基本文法

1.標識符與關鍵字 標識符以字母開頭,可以包含字母、數字、底線。標識符不能使用以下保留字元: 複製代碼 代碼如下: abstract, boolean,

文字框根據輸入內容自適應高度的代碼

其實現代瀏覽器大多都支援文字框尺寸調節功能,絕大多數情況下卻沒有自動適應來得爽快,在網路上發現一方法比較簡單的實現文字框高度自適應,於是封裝了這個函數,準備以後應用到項目中。 原始碼: 23:03文章更新: 感謝alucelx同學再次給力的協助,大大簡化了方法,更新代碼為0.2版本,同時解決了相容Opera瀏覽器,至此全相容IE6+與現代瀏覽器! 線上示範: http://demo.jb51.net/js/2011/autoArea/index.htmautoTextarea.js 複製代碼

firefox下input type=&quot;file&quot;的size是多大

但是這個size值怎麼設定,size="10"是多寬,預設值又是多少,不能光憑感覺去設定。 用指令碼來查看下: 複製代碼 代碼如下: <script type="text/javascript"> $(function() { var fileArray = []; var i = 0; while (i < 100) { fileArray.push(i + ":<input type='file' size='" + i + "' /><br />"

總頁數: 3271 1 .... 1527 1528 1529 1530 1531 .... 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.