Time of Update: 2017-01-19
下面的教程總結了Javascript在網頁定位方面的相關知識。一、網頁的絕對大小和相對大小首先,要明確兩個基本概念。一張網頁的全部面積,就是它的絕對大小。通常情況下,網頁的絕對大小由內容和CSS樣式表決定。網頁的相對大小則是指在瀏覽器視窗中看到的那部分網頁,也就是瀏覽器視窗的大小,又叫做viewport(視口)。下圖中央的方框就代表瀏覽器視窗,每次只能顯示一部分網頁。(圖一
Time of Update: 2017-01-19
如我們建立表單FatherPage.htm: XML-Code: 複製代碼 代碼如下: <script type="text/javascript"> function OpenChildWindow() { window.open('ChildPage.htm'); } </script> <input type="text" id="txtInput" /> <input type="button" value="OpenChild"
Time of Update: 2017-01-19
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]運行以上代碼,即可。如果大家想看的是 javascript indexOf的使用方法,請看下面的文章javascript indexOf函數使用說明JavaScript indexOf忽略大小寫_javascript技巧
Time of Update: 2017-01-19
下面的代碼片斷縮排目前還不完善,你也可以選擇 下載pdf 來閱讀. Contents摘要 什麼是closure 執行空間(執行內容, Execution Context) closure的一些用法 關於closure的效率 應用建議 結論 參考資料 本文的rst源碼 什麼是closure一種定義是:A "closure" is an expression (typically a function) that can have free variables together with an
Time of Update: 2017-01-19
當style.display="block"或style.visibility="visible"時控制項或見,當style.display = "none"或style.visibility = "hidden"時控制項不可見。不同的是“display”不但隱藏控制項,而且被隱藏的控制項不再佔用顯示時佔用的位置,而“visibility”隱藏的控制項僅僅是將控制項設定成不可見了,控制項仍然占俱原來的位置。 <p> <input id='control'
Time of Update: 2017-01-19
幾個例子: 複製代碼 代碼如下: function case1(num){ switch(num){ case 1: document.writeln("show 1!!"); break; case 2: document.writeln("show 2!!"); break; case 3: document.writeln("show 3!!"); break; default: document.writeln("show others!!"); break; } } function
Time of Update: 2017-01-19
var x = "XX"; y ="xxx"; 諸如此類。這有一個問題,比如說在代碼中的某一行,我想使用的一個已聲明的變數x,結果由於打字或者拼字錯誤,這個變數被寫成y了,結果相當於“隱式”聲明了一個變數y,在實際編程過程中,這種錯誤有時比較難以發現。 除此之外,今天通過同事介紹,瞭解到這種“隱式聲明”中的別外一個問題。
Time of Update: 2017-01-19
最近遇到js的效率問題,是關於在頁面中新增元素的問題。 假設我們有頁面如下: 複製代碼 代碼如下: <HTML> <HEAD> </HEAD> <BODY> <div id="div1"></div> </BODY> <script> // 指令碼位置 </script> </HTML>
Time of Update: 2017-01-19
想了想,還是發出來吧.雖然物件導向還不是很明白. OK [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]還可以把上篇文章的彈出層置中效果的製作和本例一起加個 提交 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 主要代碼: 複製代碼 代碼如下:var Class = { min_w:960, bint: function(r) { $(r).style.display = "block";
Time of Update: 2017-01-19
這個效果本身難度不大,主要在程式結構和擴充中下了些功夫,務求用起來更方便,能用在更多的地方。程式特點 1,同一個提示框用在多個觸發元素時,只需一個執行個體; 2,顯示和隱藏分別有點擊方式和觸發方式選擇; 3,能設定延時顯示和隱藏; 4,有25種預設定位位置; 5,可在預設定位基礎上,再自訂定位; 6,可設定自適應視窗定位; 程式說明 【Tip對象】 Tip對象就是用來顯示提示資訊的容器,程式用Tip屬性工作表示。這個沒什麼要求,程式初始化時會對它進行一些設定。 首先進行下面設定: 複製代碼
Time of Update: 2017-01-19
菜鳥版代碼如下: 理解這段代碼就基本上掌握了 複製代碼 代碼如下:function f_s() { var obj = document.getElementById("top"); obj.style.display = "block"; obj.style.height = "1px"; var sw = function () { var s_width = parseInt(obj.style.height); if (s_width < 350) {
Time of Update: 2017-01-19
問題:做一個帶拖動的彈出層效果(像提示框那種) 先寫了一半,明天繼續奮鬥: javascript 彈出層置中效果的製作 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]點擊右下角的"OPEN" javascript 彈出層置中效果的製作 open [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]關於每一步的理解,最後解釋.畢竟代碼還沒完全整理 被從中間擴充緩衝的效果演算法難住了!
Time of Update: 2017-01-19
js中沒有擷取class的辦法,找了一些封裝好的方法,這裡整理一下(1)先進行封裝//封裝getClass function getClass(tagName,className) //獲得標籤名為tagName,類名className的元素 { if(document.getElementsByClassName) //支援這個函數 { return
Time of Update: 2017-01-19
前面的話簡易日曆作為javascript中Date對象的常見應用,用途較廣泛,本文將詳細說明簡易日曆的實現思路。效果示範 HTML說明 使用type=number的兩個input分別作為年和月的輸入控制項,這樣在進階瀏覽器下內建調節按鈕 按照周日到周一的順序進行星期的排列<div class="box"> <header class='control'> <input id="conYear" class="con-in" type="
Time of Update: 2017-01-19
二. Javascript 物件導向編程:建構函式的繼承本節主要介紹,如何產生一個"繼承"多個對象的執行個體。比如,現在有一個"動物"對象的建構函式,function Animal(){ this.species = "動物"; }還有一個"貓"對象的建構函式,function Cat(name,color){ this.name = name; this.color = color; } 怎樣才能使"貓"繼承"動物"呢?1.
Time of Update: 2017-01-19
含義:捲軸高度作用:滾動式載入(ajax),滾動導航固定定位,滾動彈框定位等等.展示滾動導航和側邊欄滾動固定定位的效果:1、chrome瀏覽器document.body.scrollTop和document.documentElement.scrollTop都可以 2、各瀏覽器下 scrollTop的差異IE6/7/8/9/10:對於沒有doctype聲明的頁面裡可以使用 document.body.scrollTop 來擷取 scrollTop高度 ;對於有doctype聲明的頁面則可以使用
Time of Update: 2017-01-19
javascript中的setter、getter是平時接觸比較少的方法,其本身也並不是標準方法,只在非ie瀏覽器裡支援(ie核心也許有其他方法可以做到呢?暫時不知其解),但是加以利用可以做許多事情,比如:1、對資料的訪問限制:a.value是對value變數的getter方法調用,如果在getter方法實現中拋出異常,可以阻止對value變數的訪問2、對dom變數進行監聽:window.name是一個跨域非常好用的dom屬性(大名鼎鼎,詳見百度),如果覆蓋window.name的setter實
Time of Update: 2017-01-19
原問題帖在這裡:http://topic.csdn.net/u/20081130/09/18d455a6-65e1-4d00-aa8c-d9742654cd8c.html 排序前:"Zo","Ad","bC","dad", "bood","bada","Admin","Good","aete","cc","Ko","Beta","Could","AAA" [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
還隱約記得得知了來龍去脈,為自己掌握了一個經驗而歡呼雀躍。 還隱約記得被這同一問題折磨了無數次後,無奈與痛下決心的心境。 首先我必須感謝那些即使這個問題我強調過無數次,也依然反覆重複類似錯誤的人們。 沒有他們反覆犯錯的鼓勵,或許我不會認真考慮這個問題的解決方案。 其次,必須感謝《JavaScript進階程式設計》的作者和譯者。 在這裡我得到瞭解決該問題的啟示,不然我依然要每每強調使用parseInt時應注意什麼。 同時,希望在這裡不僅僅留下一個解決方案。
Time of Update: 2017-01-19
Function instanceof Object 和 Object instanceof Function 都是 true 1。我們可以認為 Object 是一個特殊的“類”,而這裡的“類”即:Function 於是便可以理解為: Object = Function () {} 或 Object = new Function(); 即:Object 是 Function 的一個執行個體,所以,Object 原型鏈中便包含 Function.prototype,得出: