JavaScript

有時需要擷取圖片的尺寸，這需要在圖片載入完成以後才可以。有三種方式實現，下面一一介紹。   一、load事件  <!DOCTYPE HTML><html> <head>     <meta charset="utf-8">    <title>img - load

先看下重現代碼 1， gb2312.html 該檔案編碼為gb2312 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title></title> <meta charset="gb2312"/> <style> p { color: red; } </style> </head> <body> <button

頁面裡的img元素，想要擷取它的原始大小，以寬度為例可能首先想到的就是width，如下  <img src=http://www.2cto.com/uploadfile/2014/0504/20140504093017977.jpg"><script>    var img = document.getElementsByTagName('img')[0]    var width =

　　《Web 前端開發精華文章推薦》2014年第4期（總第25期）和大家見面了。夢想天空部落格關注前端開發技術，分享各類能夠提升網站使用者體驗的優秀 jQuery 外掛程式，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的網頁設計案例，共用精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠協助到您。JavaScript期待已久的2013年度最佳 jQuery 外掛程式揭曉【精心挑選】15款最好的

有時需要擷取圖片的尺寸，這需要在圖片載入完成以後才可以。有三種方式實現，下面一一介紹。 一、load事件 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1"

頁面裡的img元素，想要擷取它的原始大小，以寬度為例可能首先想到的就是width，如下 複製代碼 代碼如下: <img src="http://img11.360buyimg.com/da/g14/M07/01/0E/rBEhVlNhh8wIAAAAAADmFBLo1twAAM26gOmCgYAAOYs716.jpg"> <script> var img = document.getElementsByTagName('img')[0] var width =

原生javascript代碼寫的2048遊戲。建議在Google瀏覽器下跑。2048.html 複製代碼 代碼如下:<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>2048</title><link

最近在看《Node.js開發指南》，看到使用nodejs進行web開發的時候，準備建立ejs項目遇到問題了， 書上命令為： 1express -t ejs microblog可是執行後，仍舊建立的是jade項目。 原來，express3.x，express4.x中建立ejs命令更新為： express -e microblog

我們知道擷取元素的實際寬高在IE中可以使用currentStyle屬性。但如果沒有顯示的去設定元素的寬高，那麼使用該屬性將擷取不到，擷取的值為auto。如下 複製代碼 代碼如下: <div>abcd</div> <script> var div = document.getElementsByTagName('div')[0]; alert(div.currentStyle.width); alert(div.currentStyle.height);

有時我們需要獲得瀏覽器視窗或螢幕的大小、視窗下拉框下拉的距離等資料，對應這些需求，js中提供了不少解決方案，只是數量稍多容易混淆它們各自的意義，下面咱們用圖例來解釋下12個常見對象屬性的作用。 其中有6個常用的瀏覽器表單內容（由於offsetWidth/Height在不同瀏覽器下表現有出入，故不在本章討論）： document.documentElement.clientWidth document.documentElement.clientHeight 

Date.prototype.toISOString方法是在ES5裡添加的，ES3文檔中沒有，如下  這個方法在IE6/7/8中不支援，可按下面方式修複下 複製代碼 代碼如下: if (!Date.prototype.toISOString) { Date.prototype.toISOString = function() { function pad(n) { return n < 10 ? '0' + n : n } return this.getUTCFullYear()

其中的一個效果:  html代碼: 複製代碼 代碼如下: <h1>單擊圖片,產生效果</h1> <div class="box"></div> 外掛程式代碼: 複製代碼 代碼如下: ; (function ($) { var defaults = { ani: 4, //動畫效果.1.馬賽克向中間聚攏,2.馬賽克左上方聚攏,3.馬賽克拉扯消失,4.原地縮小 delay: 3000, //動畫執行時間 url:"0",//圖片路徑

前端開發工作中，經常需要將HTML的左右角括弧等轉義成實體形式。我們不能把<，>，&等直接顯示在最終看到的網頁裡。需要將其轉義後才能在網頁上顯示。 逸出字元（Escape Sequence）也稱字元實體(Character Entity)。定義逸出字元串的主要原因是 “<”和“>”等符號已經用來表示HTML TAG，因此不能直接當作文本中的符號來使用。但有時需求是在HTML頁面上使用這些符號，所以需要定義它的逸出字元串。

項目中要實現table排序的功能。 網上有很多解決方案，很多都基於jQuery。 jquery.tablesorter，大小17KB，不過他的首頁在ie10下相容性有點問題。 DataTables，大小75KB，功能強大，帶分頁，搜尋等功能。 還有外掛程式叫sortElements，很小巧，只有3KB，相容性也不錯，而且在Github上有818個星。 最後我選擇用sortElements，實現很簡單： 1. 引入jQuery 複製代碼 代碼如下: <script

從Mozilla Aurora 11起，Firefox瀏覽器裡實現了一些新功能，其中一個就是對電池狀態介面的基本實現。這個很簡單的介面能提供你關於電池當前電量，是否在充電等資訊，以及一些電池狀態變化事件。讓我們來看看效果！電池對象是存放在window.navigator.battery裡，但因為這是Firefox瀏覽器首次實現並提供這個介面，並未普及，你需要使用window.navigator.mozBattery這種寫法。這個mozBattery對象有下列屬性：1.charging:

複製代碼 代碼如下: var json = { jArray: [], jPush: function (c) { this.jArray.push(c); } } var examp = ["123", "~", "456"]; 使用ES5給出的forEach迴圈examp,並且將它們添加到json中的jArray中; 複製代碼 代碼如下: examp.forEach(json.jPush); 這個時候會報錯:

C# JSON轉換以及編碼轉換一、C# Json轉換首先需要下載安裝Newtonsoft.Json.dll， 引用後再添加：using Newtonsoft.Json;using Newtonsoft.Json.Converters;即可使用。String轉JSONString json=JsonConvert.SerializeObject(str);JSON轉StringString str=JsonConvert.DeserializeObject(json);二、java

我們知道console.log()可以將資訊輸出到debugger中供開發人員查看。但如果我們想要在JS中擷取console.log()的輸出結果呢？其實不難，先將原本的console.log儲存起來，然後替換成另外一個實現即可。代碼如下：var lastLog;console.oldLog = console.log;console.log = function(str) {console.oldLog(str);lastLog = str;}console.log("Hello, Neo")

最近做一個項目,用到了javascript操縱excel以產生報表,下面是標有詳細註解的執行個體 複製代碼 代碼如下: <html> <head> <script language="javascript" type="text/javascript"> </script><script language="javascript" type="text/javascript"> function MakeExcel(){ var

JavaScript列印頁面指定div地區原理：使用window.open()在瀏覽器開啟一個新的頁面（window）, 使用 window.document.write()將指定div地區的內容寫入新視窗文檔，document.close()關閉文檔，使用window.print()調用印表機列印當前文檔。JavaScript列印函數myPrint(obj)：複製代碼 代碼如下:function myPrint(obj){