JavaScript

今天遇到了擷取文字寬度的問題，查了很久，終於在一個國外網站上找到了方法，但是不能直接使用，於是修改了一下，成功使用到了項目中，在這裡分享給大家。首先在body標籤最後添加一個子標籤：test然後添加相應的css代碼：#ruler { visibility: hidden; white-space: nowrap; font-size:

我們先鞏固一下上節的內容。 我們在讀文章的時候希望能改變一下字型與文章寬度。 例如如下文章 html代碼： A Christmas Carol <script src="jquery-1.10.2.js"></script> <script src="chapter03-1.js"></script> A Christmas Carol

經常看到別人的網站有個邊框來修飾文字地區，類似圓角矩形把文字環繞起來，特別有感覺，於是就試著用圖片邊框來修飾，但是用圖片過多會拉慢網頁的載入速度，能不能使用css3來實現邊框圓角效果呢？當然border-radius要在firefox或Safari 和 Chrome才能實現W3C 很早就制訂了實現了 CSS 圓角的 CSS3 屬性：border-radius，Firefox 和 Safari 也通過私人屬性實現了該功能：  <div style="background-

jsp代碼：複製代碼 代碼如下:<form id="search"> <select id="jobSelect" style="width: 200px;" name="jobSelect">  <s:if test='jobSelect == null || jobSelect == ""'>   <option selected="selected"

JQuery相信每個做過web開發的程式員都很熟悉，它是繼Prototype之後又一個優秀的Javascript架構，由於它的相容性要比直接使用JS好很多（它是輕量級的js庫，這是其它的js庫所不及的，它相容CSS3，還相容各種常用瀏覽器），所以越來越多的人在開發web項目的時候都會引入JQuery的相關檔案，即使用不到一些特效我們也還是很願意引入它（它的宗旨：WRITE LESS,DO

例子1 //定義簡單Map function getMap() {//初始化map_,給map_對象增加方法，使map_像Map var map_ = new Object(); map_.put = function(key, value) { map_[key+'_'] = value; }; map_.get = function(key) {

複製代碼 代碼如下:<!--禁止網頁右鍵： -->document.body.oncontextmenu=function rightClick(){ window.event.returnValue= false;}<!--禁止網頁另存新檔： --> <noscript><iframe src=*.html></iframe></noscript> <!-- 禁止選擇文本： --> <script

如下所示：複製代碼 代碼如下:txtSearch:文字框ID$("#txtSearch").keyup(function (event) {    var keycode = event.which;    if (keycode == 13) {        alert('你已經按下斷行符號鍵');    

jquery動態添加optionjs動態添加option複製代碼 代碼如下:var sel= document.getElementById("Selected1"); sel.options.add(new Option("請選擇",""));sel.options.add(new Option("name","id"));jquery動態添加option複製代碼 代碼如下:$("#selectId").append("<option

這裡面的return含有一些細節知識：例如：onClick='return add_onclick()'與

Jquery是優秀的Javascrīpt架構,$是jquery庫的申明，它很不穩定（我就常遇上）,換一種穩定的寫法jQuery.noConflict(); jQuery(document).ready(function(){});使用jQuery的好處是它封裝了各種瀏覽器版本對DOM對象(javascript的DOM對象你應該知道吧，就是它了)的操作.比如jquery寫法：$("div p"); // (1)$("div.container"); // (2)$("div #msg"); //

代碼如下: 複製代碼 代碼如下: <script type="text/javascript"> String.prototype.Trim = function() { var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/); return (m == null) ? "" : m[1]; } String.prototype.isMobile = function() { return (/^(?:13\d|15[89])-?\d{5}(\d{3

複製代碼 代碼如下: var a = [ "a" , "b" , "c" ], b = [ "b" , "c" , "d" ], c = [ "c" , "d" , "e" ], _a = a.concat( b ).concat( c ), _hash = {}, _new = []; for( var i = _a.length; i--; ){ if( !_hash[ _a[ i ] ] ){ _hash[ _a[ i ] ] = 1; _new.push( _a[ i ] ); }; }

首先這裡聲明一下，關於我測試瀏覽器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester下面的代碼關於聲明1：獲得捲軸的情況複製代碼 代碼如下:function getScroll(){        var t, l, w, h;        if (document.documentElement &&

1.連結到某頁 <input type="button" name="Submit" value="確 定" class="btn" onclick="location.href='filename.html'" /> 2.返回(等同後退) <input name="Submit2" type="button" class="btn" onclick="location.href='javascript:history.go(-1);'" value="返 回" /> 3

現在有很多的JavaScript庫,大部分庫都滿足了你的網站有關DOM的操作。但是當前迫切需要去管理單個應用的代碼,這就是為什麼新的架構產生啦。"古話說的好:刀要用在刀刃上。"Ember.js不想傳統的JQuery那樣,不能給你很好的桌面體驗,沒有相關 用列,缺少資料繫結,事件,狀態管理。總的來說,你可能可以拼湊相關的外掛程式去實現這些功能。但是,現在開始有專門的架構出現去解決這些專業問題。以我看

現在，我們經常都可以看到複雜的JavaScript應用程式，由於這些應用程式變得越來越複雜，一長串的jQuery回調語句或者通過應用程式在 各個狀態執行不同的函數調用，這些做法都會變得無法再讓人接受，這導致了JavaScript開發人員開始尋找一種組織和效率更優秀的開發方式。實現組織和效率的其中一個最常用的架構模式，就是我們熟知的Model View Controller

以下是 我在開發中遇到的情況：1、動態刪除table裡的某一行。table：表示table對象。k：表示行號table.rows[k].removeNode(true); //firefox執行失敗，ie執行成功IE與FireFox相容寫法table.deleteRow(k);2、為HTML標籤自訂屬性。inputElement：表示表單元素。propertyName：表示表單元素下的某個屬性inputElement.propertyName;

判斷用戶端檔案時，可以用複製代碼 代碼如下:var fso,s=filespec;   // filespec="C:/path/myfile.txt"fso=new ActiveXObject("Scripting.FileSystemObject");if(fso.FileExists(filespec))s+=" exists.";elses+=" doesn't exist.";alert(s);判斷伺服器端(網路檔案)時，可以用複製代碼 代碼如下:var

Basecamp中的大多數Ajax操作都是在處理伺服器產生的JavaScript響應SJR）。它的工作原理是這樣的：這種簡單的模式有一些重要的優勢。優點#1：重用模版而不影響效能無論是第一次渲染和隨後的模版更新,你都可以重用模版.如果使用Rails,有一部分技術像郵件/資訊用於這兩種情況。如果你只返回JSON格式的資訊，你得用你的模版將展示這些資訊兩次(一次是伺服器端的第一次回應，一次是用戶端隨後的更新)—除非你做一個單一面頁的JavaScript