Time of Update: 2013-10-22
基本的代碼如下複製代碼 代碼如下:<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">
Time of Update: 2013-10-22
getAttribute:取得屬性;setAttribute:設定屬性;複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta
Time of Update: 2013-10-22
複製代碼 代碼如下:/** * vlstat 瀏覽器統計指令碼 */var statIdName = "vlstatId";var xmlHttp;/** * 設定cookieId */function setCookie(c_name, value, expiredays) { var exdate = new Date();
Time of Update: 2013-10-22
先聲明下這個方法的使用場合,以免誤導大家。 比如在部落格園,我們沒法修改他的原始碼, 那麼只能想辦法監視元素的出現了。 所以下面方法是在修改不了源碼的情況下使用,而非寫自己的項目。 今天在改部落格幾個樣式的時候,以為很自然的加上js就可以實現了, 沒想到那個是ajax載入的資料,而非頁面首次載入的, 比如下面的 “提交評論” 按鈕,右側的 搜尋按鈕 等。 我很自然的寫了 複製代碼 代碼如下: 1 $("#btn_comment_submit").removeClass("comment_btn"
Time of Update: 2013-10-22
其實沒有什麼新的知識點,只是為了方便其他有需要的朋友們翻閱,對自己而言也算是一個積累,所以只能算是閑談 JavaScript,老鳥們可以盡情飄過。在進入正題之前,先提個問題熱熱身吧。現在有如下 HTML 結構:複製代碼 代碼如下:<div id="wrap"> <input type="button" value="按鈕一" /> <input type="button" value="按鈕二" /> <input
Time of Update: 2013-10-22
document.createDocumentFragment()說白了就是為了節約使用DOM。每次JavaScript對DOM的操作都會改變頁面的變現,並重新重新整理整個頁面,從而消耗了大量的時間。為解決這個問題,可以建立一個文檔片段,把所有的新節點附加其上,然後把文檔片段的內容一次性添加到document中。這是我寫的一個簡單的測試頁面:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-22
先來看一個簡單的例子:下面以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。frame.html 由上(top.html)下(bottom.html)兩個頁面組成,代碼如下: 複製代碼 代碼如下:<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >< HTML >< HEAD >< TITLE > frame </
Time of Update: 2013-10-22
一、在運行這個函數後,可以恢複使用別名 $ ,在這個函數的範圍中仍然將 $ 作為 jQuery 的別名來使用。jQuery Code:複製代碼 代碼如下:jQuery.noConflict();(function($) { $(function() { // 使用 $ 作為 jQuery 別名的代碼 });})(jQuery);// 基於其他庫用 $ 作為別名的代碼二、在運行這個函數後,可以建立一個新的 jQuery 別名來替換原來的
Time of Update: 2013-10-22
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]複製代碼 代碼如下:// 日期 $('.date').datepicker({ changeYear: true, changeMonth:
Time of Update: 2013-10-22
複製代碼 代碼如下:<head runat="server"> <title></title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script
Time of Update: 2013-10-22
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>
Time of Update: 2013-10-22
Copy 直接可以使用哦 親們! 複製代碼 代碼如下: //父視窗 function onClick(){ var k = showModalDialog( "view/WriteKey.jsp", 包含的頁面 "newwindow", 固定取值 "dialogHeight:200px; dialogWidth:400px; 寬度 toolbar:no; 是否有工具列 menubar:no; 是否有功能表列 scrollbars:no; 滾蛋條 resizable:no;
Time of Update: 2013-10-22
Highcharts 官網:http://www.highcharts.com Highcharts 官網樣本:http://www.highcharts.com/demo/ Highcharts 官網文檔:http://www.highcharts.com/documentation/how-to-use 官網執行個體中給出了各式各樣的demo,可以參照document修改自己需要的即可。 下面是一個學產生績走勢demo: 複製代碼 代碼如下: <!DOCTYPE HTML&
Time of Update: 2013-10-22
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(" +
Time of Update: 2013-10-22
複製代碼 代碼如下:<!DOCTYPE html><html><head> <style> div { background:#ece023; width:30px; height:40px; margin:2px; float:left; } </style> <script src="http:/
Time of Update: 2013-10-22
1.Juqery是javascript的優秀架構。它是輕量級的js庫,它相容CSS3,還相容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及後續版本將不再支援IE6/7/8瀏覽器。jQuery使使用者能更方便地處理HTML
Time of Update: 2013-10-22
複製代碼 代碼如下: //初始載入頁面時 $(document).ready(function(){ //為擷取單個值的按鈕註冊按一下滑鼠事件 $("#getMessage").click(function(){ $.getJSON("ceshi",function(data){ //通過.操作符可以從data.message中獲得Action中message的值 $("#message1").html("<font color='red'>"+data.message+"</
Time of Update: 2013-10-22
複製代碼 代碼如下: <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="沒有圖片!"&
Time of Update: 2013-10-22
複製代碼 代碼如下://開啟模態視窗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_=" +
Time of Update: 2013-10-22
1.jQuery fadeIn() 用於淡入已隱藏的元素。 文法: $(selector).fadeIn(speed,callback); 執行個體: 複製代碼 代碼如下: $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);}); 2.jQuery fadeOut() 方法用於淡出可見元素。 文法: