Time of Update: 2013-10-22
複製代碼 代碼如下:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <a href="a.txt" id=pic1 onclick="savepic();return false;" style="cursor:hand">點擊下載</a>
Time of Update: 2013-10-22
當然這些選取器都是jQuery擴充的一些方法,那麼使用原生js時要怎樣來尋找元素呢?今天就來簡單梳理下。DOM定義了多種尋找元素的方法,除了我們常用的getElementById(),還有getElementsByTagName()和getElementsByName()。使用這幾種方法方法我們可以尋找html文檔中的任意html元素。getElementById()首先來看下getElementById(),這個方法很簡單,只需在參數中傳入html標籤的id屬性值即可,由於html頁面中的id
Time of Update: 2013-10-22
全排列是一種時間複雜度為:O(n!)的演算法,前兩天給學生講課,無意間想到這個問題,回來總結了一下,可以由7種演算法求解,其中動態迴圈類似回溯演算法,實現起來比較繁瑣,故總結了6種,以饗讀者。所有演算法均使用JavaScript編寫,可直接運行。演算法一:交換(遞迴)複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
Time of Update: 2013-10-22
複製代碼 代碼如下: function BindSelect(id,dataList,fieldtext,fieldValue) { //綁定某一個資料來源,fieldtext為需要綁定的文字欄位,fieldValue為需要綁定的value欄位 var select = $("#" + id)[0]; for (var i = 0; i < dataList.length; i++) { select.options.add(new Option(eval("dataList[" + i
Time of Update: 2013-10-22
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
Time of Update: 2013-10-22
1.擷取樣式表裡面的width,border color 之類的css(不是行間) 主要是IE6-7支援currentStyle,標準瀏覽器支援getComputedStyle;執行個體:封裝函數 複製代碼 代碼如下: function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } } 調用:
Time of Update: 2013-10-22
複製代碼 代碼如下: <div id="page"> <select name="select1" id="select-type"> <option value="0">請選擇</option> <option value="1">企業</option> <option value="2">產品</option> </select> </div> 複製代碼 代碼如下:
Time of Update: 2013-10-22
複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;"> <div id="demo" style="overflow:hidden;height:160;width:100%;"> <div id="
Time of Update: 2013-10-22
在ASP.NET中,如果在點了一個按鈕,提交到後台執行期間,再點一次按鈕,會出現兩種情況,一種是執行了兩次後台代碼,另一種是等待前一次的提交動作執行完後再次執行提交動作,無論是哪一種,都是跑了兩遍後台代碼,這是很多情況下不希望出現的。以下代碼在 IE、傲遊極速模式下測試通過。複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"
Time of Update: 2013-10-22
javascript截取字串(支援中英文混合) 複製代碼 代碼如下: <script type="text/javascript"> var sub=function(str,n){ var r=/[^\x00-\xff]/g; if(str.replace(r,"mm").length<=n){return str;} var m=Math.floor(n/2); for(var i=m;i<str.length;i++){
Time of Update: 2013-10-22
1. 獲得iframe的window對象存在跨域訪問限制。chrome:iframeElement. contentWindowfirefox: iframeElement.contentWindowie6:iframeElement.contentWindow文章Iframes, onload, and document.domain中說“he iframe element object has a property called contentDocument that contains
Time of Update: 2013-10-22
最近小菜鳥看了妙味課堂的js視頻,學習了一點知識,在這裡總結一下,代碼寫的有點臃腫,剛開始學,不知道咋著最佳化,看到的高手可以指點一下,呵呵,再此謝過, 效果大概是在這樣的: 滑鼠划過不同的題目會有不同的圖片和解說,可以串連到不同的網站, 分享一下My Code: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-22
1:選擇(Selectable)組件可以讓使用者頁面上的一些元素變成可選擇的,使用者可以通過單擊元素或者拖動的方式來選擇它們,也可以按住Ctrl鍵來選擇不連續的元素$('.selector').selectable(options);但是在jQuery UI庫中的主題包中並未提供ui-selecting和ui-selected類的樣式,因此在使用選擇組件時,還需要自己來建立這些樣式複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2013-10-22
1:預設情況下,日期輸入文字框獲得頁面焦點的時候,日期選取器組件會在一個覆蓋層中開啟日曆選擇面板,當日期輸入文字框失去焦點或者選擇一個日期的時候,將自動關閉該日曆選擇面板$(selector).datepicker([options]);簡單一實例:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-22
最近發現web網頁的拖拽效果,個人覺得是一種不錯的使用者體驗,抽空研究了一下,原理還蠻簡單的,下面貼一下我寫的一個簡單拖拽jquery自訂函數。 jquery代碼:fun.js 複製代碼 代碼如下: jQuery.fn.myDrag=function(){ _IsMove = 0; _MouseLeft = 0; _MouseTop = 0; return $(this).bind("mousemove",function(e){ if(_IsMove==1){ $(this).offset({
Time of Update: 2013-10-22
1、使用$.ajax出現的中文亂碼的解決方案:複製代碼 代碼如下:var _realname = $("input[name='_searchName']").val(); var termcourseId = '<%=termid%>'; var classId = '<%=classid%>'; var url =
Time of Update: 2013-10-22
今天要給星燭網上的一個Flash加一個超連結,原想直接在object外直接套一個超連結即可,試了之後卻發現不是這麼回事,求助百度,問題解決,記錄如下:原因:Flash預設是最高層.所以,我經常會遇見Flash把下拉式功能表擋住的情況,及其它原素覆蓋掉. 解決方案: 第一種:步驟如下 1. 把Flash檔案放到一個層中,設為最底層,FLASH設為透明. 複製代碼 代碼如下: <div class="ad_top" style="text-align:center;">
Time of Update: 2013-10-22
目前這個setTimeout可以很好地相容IE6,7,8,9以及Google瀏覽器Chrome,Firefox瀏覽器FireFox,蘋果瀏覽器Safari,Opera。setTimeout是一個很不錯的函數,網站頁面前端工程師經常將其用於幾秒後執行的動作。setTimeout這個JS內建函數其用法也很簡單,下面是setTimeout()的函數說明以及用法詳解和執行個體、範例程式碼:setTimeout()的作用是指定在多少毫秒後執行一個JS函數或者運算式代碼
Time of Update: 2013-10-22
複製代碼 代碼如下:<html> <head> <title>JS限制Textarea文本域字元個數</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT
Time of Update: 2013-10-22
註:需要引入Jquery 如果需要全部功能,請引入jquery-ui和jquery-ui.css : js代碼: 複製代碼 代碼如下: $(function() { //菜單列表 var menu_list=$(".menu-list"); //工作區 var working=$(".working"); working.click(function() { menu_list.hide(); $(".content-menu").hide("slow"); });