js修改input的type屬性有些限制。當input元素還未插入文檔流之前,是可以修改它的值的,在ie和ff下都沒問題。但如果input已經存在於頁面,其type屬性在ie下就成了唯讀屬性了,不可以修改。在ff下仍是可讀寫屬性。
本文介紹了如何延遲javascript代碼的載入,加快網頁的訪問速度。 當一個網站有很多js代碼要載入,js代碼放置的位置在一定程度上將會影像網頁的載入速度,為了讓我們的網頁載入速度更快,本文總結了一下幾個注意點: 1、消極式載入js代碼 複製代碼 代碼如下: <script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript”>
先上: 對比傳統的排序,這是一個很不錯的嘗試,希望對大家有啟發。 大家可以參考我的上一篇博文:http://www.jb51.net/article/42087.htm html部分: 複製代碼 代碼如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href="css/create.css"
複製代碼 代碼如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type=text/javascript src="alabel.js"></script> <style type="text/css">
之前沒有注意過div的background-image這個屬性,只是設定它的url,今天遇到一個問題特此做一下記錄。 複製代碼 代碼如下: <div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthemum.jpg');" onclick="tempClick()"></div> 在js中想擷取image屬性 複製代碼 代碼如下:
父中: 複製代碼 代碼如下: <input id="username"type="text" /> <scripttype="text/javascript"> var count = 1; </script> ------------------------------------------------------------- 子iframe中: 複製代碼 代碼如下: <scripttype="text/javascript">
複製代碼 代碼如下: <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" onmouseup=document.selection.empty() oncopy=document.selection.empty()
1.建立div元素: Javascript代碼 複製代碼 代碼如下: <scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv); }
queue()/ dequeue()這兩個方法就像Ajax的XMLHttpRequest對象一樣的隱蔽,不為常人所知。這兩個方法在動畫處理的時候很有用,我們經常會寫一些這樣的代碼複製代碼 代碼如下:$('#test').animate({ "width":
HTML代碼: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title></title> <style> *{padding:0;margin:0} ul{list-style:none} .slider-focus{width:670px;height:240px;overflow:hidden;position:relative;margin:100px auto}
在本文中用JQuery對class屬性的操作方法實現頁面中的按鈕開關效果。 首先定義兩個class: 複製代碼 代碼如下: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_off.png"); background-repeat: no-repeat; } .controlOn{
複製代碼 代碼如下:<!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width" /><title>jQuery 表格自動增加</title><meta name="keywords" content="jQuery,
for(var i=0;i<len;i++)這樣的用法一般都可以用for in 來替代。 例如: 複製代碼 代碼如下: var a = ["a","b","c"]; for(var el in a){ alert(a[el]); } 這個就是窮舉出a中的所有元素,當然上面這個例子是可以用 複製代碼 代碼如下: for(var i=0,len=a.length;i<len;i++){ alert(a[i]); } 這種方式進行迴圈列出的,不過有時候這種方式就不一定奏效了。 例如:
複製代碼 代碼如下:function zhen(str) { var arr_1 = ["", "\u62fe", "\u4f70", "\u4edf", "\u4e07", "\u4ebf"], arr_2 = ["", "\u4e07", "\u4ebf"]; var maskstr = arr_1.slice(1).join("");
splitsplit與join作用相反,用於把一個字串分割成字串數組.stringObject.split(a,b)這是它的文法.a是必須的 決定從a這分割.b不是必須的,可選。該參數可指定返回的數組的最大長度 。如果設定了該參數,返回的子串不會多於這個參數指定的數組。如果沒有設定該參數,整個字串都會被分割,不 考慮它的長度。注意返回的數組中不包括a本身;提示和注釋注釋:如果把Null 字元串 ("") 用作 a,那麼 stringObject
複製代碼 代碼如下: <html> <head> <title>出錯啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript"> var i = 5; var
複製代碼 代碼如下:$(document).ready(function () { /* 延遲函數 */ jQuery.fn.delay = function (time, func) {
iDrag & iDialog 介紹特點:iDialog.js依賴於jquery編寫的簡單易用的對話方塊,同時還可以通過添加css3,改變對話方塊的展現動畫。提供了兩個方法:•1、拖拽函數 iDrag() 或 $.drag();•2、對話方塊函數 iDialog() 或 $.dialog(); 跨平台相容:相容:IE6+、Firefox、Chrome等主流瀏覽器(其它暫時沒條件測試)。並且IE6下也能支援現代瀏覽器的靜止定位(fixed)、覆蓋下拉控制項。 漸進增強體驗:
在Jquery中,$是JQuery的別名,所有使用$的地方也都可以使用JQuery來替換,如$('#msg')等同於JQuery('#msg')的寫法。然而,當我們引入多個js庫後,在另外一個js庫中也定義了$符號的話,那麼我們在使用$符號時就發生了衝突。下面以引入兩個庫檔案jquery.js和prototype.js為例來進行說明。 第一種情況:jquery.js在prototype.js之後進行引入,如:<script src="prototype.js"
1.jQuery添加/刪除Select的Option項:2.$("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項) 3.$("#select_id").prepend("<option value='0'>請選擇</option>");