淺析js封裝和範圍

基本的代碼如下複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><title>  </title><script src="jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript">   

JS getAttribute和setAttribute(取得和設定屬性)的使用介紹

getAttribute:取得屬性;setAttribute:設定屬性;複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>    <head>        <meta

JS 精確統計網站訪問量的執行個體代碼

複製代碼 代碼如下:/** * vlstat 瀏覽器統計指令碼 */var statIdName = "vlstatId";var xmlHttp;/** * 設定cookieId */function setCookie(c_name, value, expiredays) {    var exdate = new Date();   

jQuery下實現等待指定元素載入完畢(可改成純js版)

先聲明下這個方法的使用場合,以免誤導大家。 比如在部落格園,我們沒法修改他的原始碼, 那麼只能想辦法監視元素的出現了。 所以下面方法是在修改不了源碼的情況下使用,而非寫自己的項目。 今天在改部落格幾個樣式的時候,以為很自然的加上js就可以實現了, 沒想到那個是ajax載入的資料,而非頁面首次載入的, 比如下面的 “提交評論” 按鈕,右側的 搜尋按鈕 等。 我很自然的寫了 複製代碼 代碼如下: 1 $("#btn_comment_submit").removeClass("comment_btn"

淺析document.createDocumentFragment()與js效率

document.createDocumentFragment()說白了就是為了節約使用DOM。每次JavaScript對DOM的操作都會改變頁面的變現,並重新重新整理整個頁面,從而消耗了大量的時間。為解決這個問題,可以建立一個文檔片段,把所有的新節點附加其上,然後把文檔片段的內容一次性添加到document中。這是我寫的一個簡單的測試頁面:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

解析jQuery與其它js(Prototype)庫相容共存

一、在運行這個函數後,可以恢複使用別名 $ ,在這個函數的範圍中仍然將 $ 作為 jQuery 的別名來使用。jQuery Code:複製代碼 代碼如下:jQuery.noConflict();(function($) {  $(function() {    // 使用 $ 作為 jQuery 別名的代碼  });})(jQuery);// 基於其他庫用 $ 作為別名的代碼二、在運行這個函數後,可以建立一個新的 jQuery 別名來替換原來的

Jquery倒數計時按鈕setTimeout的執行個體代碼

複製代碼 代碼如下:<head runat="server">    <title></title>    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>    <script

簡單實用jquery版三級聯動select樣本

html和js部分 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset=gbk /> <title>selectList</title> <style type="text/css"> *{margin:0;padding:0;} .selectList{width:200px;margin:50px auto;} </style>

JavaScript全排列的六種演算法 具體實現

全排列是一種時間複雜度為:O(n!)的演算法,前兩天給學生講課,無意間想到這個問題,回來總結了一下,可以由7種演算法求解,其中動態迴圈類似回溯演算法,實現起來比較繁瑣,故總結了6種,以饗讀者。所有演算法均使用JavaScript編寫,可直接運行。演算法一:交換(遞迴)複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml">  <head>      <meta

js猜數字小遊戲的簡單實現代碼

複製代碼 代碼如下: <!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"

JavaScript實現QueryString擷取GET參數的方法

複製代碼 代碼如下: <div id="page"> <select name="select1" id="select-type"> <option value="0">請選擇</option> <option value="1">企業</option> <option value="2">產品</option> </select> </div> 複製代碼 代碼如下:

javascript實現文字圖片上下滾動的具體執行個體

複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;">         <div id="demo" style="overflow:hidden;height:160;width:100%;">          <div id="

jquery關於表格及表格列隱藏和顯示問題探討

1.關於指定表格指定列隱藏顯示 複製代碼 代碼如下: $(":checkbox[name*=month]").each(function(){ if(!$(this).attr("checked")){ var colnum = $(this).val(); $("#listPage").find('tr').find("td:eq(" + colnum.toString() + ")").hide(); $("#listPage").find('tr').find("th:eq(" +

JavaScript和CSS通過expression實現Table置中顯示

上篇部落格說的是將div設定為置中顯示,今天來分享一下如何將表格置中的顯示。至於置中的原理就不說了,可以看一下我的上篇部落格,這次沒有使用window的兩個事件,而是使用一個叫expression的函數。現在多數的瀏覽器都支援這個函數。在寫上一篇部落格的時候,我腦裡想能不能把計算後的值賦給css的left和top屬性呢?後來查閱資料找到了這個函數。這個函數用來把CSS屬性和JavaScript運算式關聯起來,這裡的CSS屬性可以是元素固有的屬性,也可以是自訂的屬性。就是說CSS屬性後面可以是一段

jQuery隨便控制任意div隱藏的方法

複製代碼 代碼如下:<!DOCTYPE html><html><head>  <style>  div { background:#ece023; width:30px;        height:40px; margin:2px; float:left; }  </style>  <script src="http:/

控制頁面按鈕在後台執行期間不重複提交的JS方法

在ASP.NET中,如果在點了一個按鈕,提交到後台執行期間,再點一次按鈕,會出現兩種情況,一種是執行了兩次後台代碼,另一種是等待前一次的提交動作執行完後再次執行提交動作,無論是哪一種,都是跑了兩遍後台代碼,這是很多情況下不希望出現的。以下代碼在 IE、傲遊極速模式下測試通過。複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"

Jquery動態改變圖片IMG的src地址樣本

複製代碼 代碼如下: <div id="login_1_3a"> <a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'> <img onfocus=this.blur() id="img_a" border=0 align="middle" src="login_image/a_1.jpg" alt="沒有圖片!"&

js實現的切換面板執行個體代碼

最近小菜鳥看了妙味課堂的js視頻,學習了一點知識,在這裡總結一下,代碼寫的有點臃腫,剛開始學,不知道咋著最佳化,看到的高手可以指點一下,呵呵,再此謝過, 效果大概是在這樣的:  滑鼠划過不同的題目會有不同的圖片和解說,可以串連到不同的網站, 分享一下My Code: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

解析js中獲得父視窗連結getParent方法以及各種開啟視窗的方法

複製代碼 代碼如下://開啟模態視窗function dialog(obj){if(obj.url == undefined || obj.url == null){throw new Error("please set obj.url");}var url = obj.url;if(url.indexOf("?")!=-1){url = url+ "&r_=" + Math.random();}else {url = url+ "?r_=" +

jquery必須知道的一些常用特效方法及使用樣本(整理)

1.jQuery fadeIn() 用於淡入已隱藏的元素。 文法: $(selector).fadeIn(speed,callback); 執行個體: 複製代碼 代碼如下: $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);}); 2.jQuery fadeOut() 方法用於淡出可見元素。 文法:

總頁數: 3271 1 .... 3122 3123 3124 3125 3126 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.