JavaScript

　　複選框（Checkbox）在各個瀏覽器中的效果不一致，因此很多 Web 開發人員會自己重新設計一套介面和使用體驗都更佳的複選框功能。下面就給大家分享9款超炫的複選框（Checkbox）效果，純 CSS3 實現，未使用任何圖片。　　溫馨提示： 　　為了實現圓角和複選框的立體感效果，這裡運用了 CSS3 的圓角（border-radius）、盒陰影（box-shadow）、漸層（linear-gradient）以及 CSS3 動畫技術。下面是效果一的 CSS

大家都清楚json 類似於字典的樣子吧，這裡就不再贅述了，XSS直接上代碼：json = new JSONObject();json.put("code", 200);json.put("info", "{'replace':function(){alert(/xss/);}}");json.put("msg", "success");System.out.println(json);// 輸出：{"code":200,"info":{"replace":function(){

 今天又遇到一個網頁資料抓取的任務，給大家分享下。說道網頁資訊抓取，相信Jsoup基本是首選的工具，完全的類JQuery操作，讓人感覺很舒服。但是，今天我們就要說一說Jsoup的不足。1、首先我們建立一個頁面 --><script type=text/javascript>var datas = [ {href : http://news.qq.com/a/20140416/017800.htm,title : 高校一保安長相酷似作家莫言}, {href :

最近在論壇看到一篇文章關於prototype斷鏈的，原文如下var sound = {echo: function() { alert("sound"); } };function Person() {this.name="name_";};Person.prototype = sound;//----早點綁上去----var fo1o = new Person(); var xxxxxx=Person.prototype;//----遲了綁上去----？？xxxxxx.yyyy="yyyy_"

 平時最常使用的就是這種同步載入形式：    <script src="http://yourdomain.com/script.js"></script>    同步模式，又稱阻塞模式，會阻止瀏覽器的後續處理，停止了後續的解析，因此停止了後續的檔案載入（像）、渲染、代碼執行。 js 之所以要同步執行，是因為 js 中可能有輸出 document

第一步，把網頁儲存為Canvas畫布，藉助於html2canvas庫，http://html2canvas.hertzen.com/html2canvas(document.getElementById("id1"), { onrendered: function(canvas) { document.getElementById("id2").appendChild(canvas);//產生畫布後如何處理，當然可以在新標籤開啟，在浮層展示等等 }, canvas_id:

今天複習下面五個標籤：<!--...--> 1、<!--...-->這個標籤大家都知道幹嘛用的吧，沒錯，就是注釋，但是它還有一個作用 <script type="text/javascript"> <!-- alert("Hello World!" </script>View Code這樣可以讓瀏覽器隱藏不支援的代碼，並且不會顯示在頁面 2、<!DOCTYPE> 文檔聲明好吧，我承認我現在只用<!

摘要在這篇文章裡，我將介紹資料結構Stack的基本操作和它的一些應用。我們將看到Stack在括弧匹配檢測，運算式求值，函數調用上的應用。遞迴是一種特殊的函數調用，由於遞迴在程式設計中十分重要且不容易理解，所以我將闡述我對遞迴的理解。最後我們將看到利用Stack和遞迴是怎麼優雅的解決一個經典遊戲：漢諾塔。本文還將給出運算式求值和漢諾塔的HTML5示範。Stack簡介Stack即棧，以下是維基百科的定義：在電腦科學中，是一種特殊的串列形式的資料結構，它的特殊之處在於只能允許在鏈結串列或陣列的一端稱為

　最近都在學nodeJs，剛好看到http模組，於是就心血來潮，想寫個簡單的爬蟲。 　　簡單的爬蟲實現原理很簡單：發送http請求至目標地址擷取HTML頁面資料，然後從擷取來的頁面資料中提取需要的資料儲存。 　　用nodeJs寫爬蟲，主要就是用到http.get發送請求至目標地址，然後在res.on("data")中監聽資料轉送並且儲存資料，最後在res.on("end")資料傳送完畢後對資料進行處理，儲存。 　　先來說步驟吧

隨著瀏覽器不斷的升級改進，CSS和JavaScript之間的界限越來越模糊。本來它們是負責著完全不同的功能，但最終，它們都屬於網頁前端技術，它們需要相互密切的合作。我們的網頁中都有.js檔案和.css檔案，但這並不意味著CSS和js是獨立不能互動的。下面要講的這五種JavaScript和CSS共同合作的方法你也許未必知道！用JavaScript擷取虛擬元素(pseudo-element)屬性大家都知道如何通過一個元素的style屬性擷取它的CSS樣式值，但能擷取虛擬元素(pseudo-eleme

後台代碼Handler.ashx 複製代碼 代碼如下: <%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { string fileName = "web.config";//用戶端儲存的檔案名稱

js調用後台，後台調用前台等方法總結 1. javaScript函數中執行C#代碼中的函數： 方法一：1、首先建立一個按鈕，在後台將調用或處理的內容寫入Button1_Click中; 複製代碼 代碼如下: protected void Button1_Click(object sender, EventArgs e) { this.TextBox1.Text = "voodooer"; } 2、在前台可以這樣調用： 複製代碼 代碼如下: <input type="button"

複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JS實現div置中</title> <style> /*外層div置中*/ #main { position: absolute; /*極為重要*/ background-color: blue; width:400px; height:200px; /*left:50

如今的JavaScript技術界裡最火熱的一項技術應該是‘事件委託(event delegation)'了。使用事件委託技術能讓你避免對特定的每個節點添加事件監聽器；相反，事件監聽器是被添加到它們的父元素上。事件監聽器會分析從子項目冒泡上來的事件，找到是哪個子項目的事件。基本概念非常簡單，但仍有很多人不理解事件委託的工作原理。這裡我將要解釋事件委託是如何工作的，並提供幾個純JavaScript的基本事件委託的例子。 假定我們有一個UL元素，它有幾個子項目： 複製代碼 代碼如下: <ul

這個問題弄了半小時沒想明白,後來覺得是這樣的. 菜單 複製代碼 代碼如下: <li class="menu"><a href="xxx.com" target="_blank"></a></li> 點擊<li>時,觸發裡面的超串連: 複製代碼 代碼如下: // 正確選擇 $("li.menu").children("a")[0].click() // 以下是不行的

 活動字幕是網頁中經常使用的組件之一，它能使整個網頁更有動感，顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用JavaScript編程可以實現各種活動字幕效果，所需的代碼很少，確實能夠以較少的下載時間換來較好的效果。該標記文法格式如下：　　<marquee　　aligh=left/center/right/top/bottom　　bgcolor=#n　　font=n　　direction=left/right/up/down　　behavior=type　

微博或者論壇上常見的效果，選擇表情插入文本域的時候，顯示的是類似[哈哈]這樣的字串，下面是把表情字串轉換為圖片表情的一種方法 複製代碼 代碼如下: <div id="test">abc</div> 複製代碼 代碼如下: var face ={'[哈哈]':'<img src="images/face/haha.gif" alt="" />','[流汗]':'<img src="images/face/liuhan.gif" alt="" />'}

對未來的元素繫結事件不能用bind， 1、可以用live代替，但是要注意jquery的版本,根據官方文檔，從1.7開始就不推薦live和delegate了，1.9裡就去掉live了。 2、推薦用on代替(註：1.7及以上的版本才支援)。用法：on(events,[selector],[data],fn) 複製代碼 代碼如下: //放在$(function(){})裡才有效 $(document).on("click", "#testDiv", function(){ //此處的$(this)指$

複製代碼 代碼如下: <script> function subString(str, len, hasDot) { var newLength = 0; var newStr = ""; var chineseRegex = /[^\x00-\xff]/g; var singleChar = ""; var strLength = str.replace(chineseRegex,"**").length; for(var i = 0;i < strLength;i++){

今天看到一個javascript的題目，按常理迴圈綁定事件，但是得到的結果卻不是想要的。 複製代碼 代碼如下: <a href="#">text</a> <br> <a href="#">link</a> <script> var as = document.getElementsByTagName('a'); for ( var i = as.length; i--; ) { as[i].onclick =