JavaScript

Javascript:　　網頁可見地區寬： document.body.clientWidth　　網頁可見地區高： document.body.clientHeight　　網頁可見地區寬： document.body.offsetWidth (包括邊線的寬)　　網頁可見地區高： document.body.offsetHeight (包括邊線的高)　　網頁本文全文寬： document.body.scrollWidth　　網頁本文全文高： document.body.scrollHeight　　

網頁可見地區寬：document.body.clientWidth 網頁可見地區高：document.body.clientHeight 網頁可見地區寬：document.body.offsetWidth (包括邊線的寬) 網頁可見地區高：document.body.offsetHeight (包括邊線的寬) 網頁本文全文寬：document.body.scrollWidth 網頁本文全文高：document.body.scrollHeight

本例是個非常簡單的div拖動，有需要的朋友可根據自己的需求，添加相應的代碼。歡迎拍磚 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height:100%;"> <head> <meta http-equiv="Content-Type"

在表單提交前進行驗證的幾種方式 . 在Django中，為了減輕後台壓力，可以利用JavaScript在表單提交前對錶單資料進行驗證。下面提供了有效幾種方式（每個.html檔案為一種方式）。 formpage1.html 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

都知道在js中沒有辦法直接實現方法重載，因為在js中如果定義了多個名稱相同，但參數個數不一樣的方法，其實只有最後一個方法能被真正調用，其他的方法都被覆蓋掉了。 但每一個函數都有一個特殊的參數arguments，利用它可以實現方法的重載。 例如： 複製代碼 代碼如下: function Add(firstnumber,sencondnumber) { return firstnumber+sencondnumber; }

上篇部落格寫的是複選框的，這次寫的是單選框的，有時查詢的時候，只能選擇一條記錄，如果將選中的這條記錄的行高亮顯示，同時該行的選項按鈕也被選中了，這樣會提高使用者的體驗的。如今的時代，就是使用者體驗的時代。 效果如下： CSS檔案如下如下所示： 複製代碼 代碼如下: .selected{ background:#FF6500; color:#fff; }： 這次的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"

在js中如何?設計模式中的模板方法？ 思路的產生必然要求熟悉js，如何?？就很簡單了，都知道在js中如果定義兩個相同名稱的方法，前一個方法就會被後一個方法覆蓋掉，使用此特點就可以實現模板方法。例如在實際的項目中有很多頁面操作的步驟基本相同，但局部細節卻不一樣。例如在我所在的項目中，就有很多展示資料庫記錄的頁面，每個頁面都存在讀取記錄，查詢記錄，增加刪除，修改記錄等相同的操作，但對應的後台方法卻不一樣。 複製代碼 代碼如下: function ListCommon2() { var urlAdd;

在使用IE中，特別在目前div+css的方式，往往不定義div的高度，這是在添加div內容後，需要擷取div的高度時，往往需要用到offsetHeight。在使用中，有時會碰到offsetHeight擷取到為0的現象，但如果你用各種JS調試工具調試，又能在對象中看到值（如果直接指向offsetHeight是沒值的，但如果是對象查看是有值的，在調試器中斷行符號查看對象就已經重新整理對象了，所以有值。）比如下面片段 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3

jquery 筆記： 複製代碼 代碼如下: $(“input[name='radio_name']:checked”).val() <input type="radio" value="1" name="radio_name" />1 <input type="radio" value="2" name="radio_name" />2 <input type="radio" value="3" name="radio_name" />3 網上的東西太亂了，

複製代碼 代碼如下: <script type="text/javascript" language=JavaScript charset="UTF-8"> var isPiss=0; document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 }

非常好用的JsonToString方法Jsontostring代碼複製代碼 代碼如下:function JsonToString(o) {        var arr = [];     var fmt = function(s) {         if (typeof s == 'object' && s != null)

這兩天在做Web前端時，遇到需求通過js實現文本複製的功能。 先不考慮瀏覽器的相容性，看看各瀏覽器對複製功能的支援情況： 1、IE瀏覽器，解決方案有三種，代碼如下： 複製代碼 代碼如下: function copy(txtid){ var txtObj = document.getElementById(txtid); if(window.clipboardData){ // 僅IE支援此對象，firefox、chrome不支援 //1、通過clipboardData對象實現複製

eval(obj) ; 該函數會將 obj 當做代碼去執行一遍。 例子： 複製代碼 代碼如下: <!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

其實原理是很簡單的，主要是使用了一個計時器函數，下面我為大家示範一個簡單的動畫的製作過程，通過有關的介紹，大家可以舉一反三，做出更多很炫的動畫效果。　　這個執行個體的效果是點擊網頁上的“開始移動”按鈕，則其中的指定圖層就會從左至右移動，在這個過程中你點擊“停止移動”按鈕就會停止移動。複製代碼 代碼如下:　　<html>　　<head>　　<title>JavaScript Motion Sample</title>　　<script

複製代碼 代碼如下:<HTML>    <HEAD>     <TITLE> New Document </TITLE>     <META NAME="Generator" CONTENT="EditPlus">     <META NAME="Author"

運行結果如下：複製代碼 代碼如下:<script type="text/javascript" language="javascript">function choose_date_czw(date_id,objtd){if(date_id=="choose_date_czw_close"){    document.getElementByIdx_x_x("choose_date_czw_id").style.display="none"; 

通過字串拼接，將所有的輸入框中的內容，用“1234235#34634234#123525”這樣的格式拼接。網頁端代碼：複製代碼 代碼如下:<form><table><tr><th>手機：</th>    <td style="padding:10px 0;">    <input type="hidden" name="user.mobile" value="

做法：建立 a.html 和 一個待顯示圖片 wait.gif  放在同一目錄下，a.html 代碼如下：複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"       

jcrop原始下載頁面：猛擊此處基本使用方法如下：一、在head部分(<head>和</head>之間)插入相關css和js檔案。<link rel="stylesheet" href="css/jquery.Jcrop.css"><script src="js/jquery.js"></script> <script