JavaScript

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

引子我們都知道，JavaScript資料類型分兩大類，基本類型（或者稱原始類型）和參考型別。基本類型的值是儲存在棧記憶體中的簡單資料區段，它們是按值訪問的。JS中有五種基本類型：Undefined、Null、Boolean、Number和String。參考型別的值是儲存在堆記憶體中的對象，它的值是按引用訪問的。參考型別主要有Object、Array、Function、RegExp、Date。對象是擁有屬性和方法的，所以我們看到下面這段代碼一點也不奇怪.var

聲明閱讀本文需要有一定的HTML、CSS和JavaScript基礎設計實現彈出層效果的思路非常簡單：將待顯示的內容先隱藏，在觸發某種條件後（如點擊按鈕），將原本隱藏的內容顯示出來。實現<!DOCTYPE html><html><head> <title>Window對象</title> <meta charset="utf-8"></head><body><a

windowwindow對象不但充當全域範圍，而且表示瀏覽器視窗。window對象有innerWidth和innerHeight屬性，可以擷取瀏覽器視窗的內部寬度和高度。內部寬高是指除去功能表列、工具列、邊框等佔位元素後，用於顯示網頁的淨寬高。還有一個outerWidth和outerHeight屬性，可以擷取瀏覽器視窗的整個寬高。補充：網頁可見地區寬：document.body.clientWidth 網頁可見地區高：document.body.clientHeight

如何判斷行動裝置提供了兩個對象，一個屬性，一個事件：（1）window.orientation   屬於window對象上一個屬性；共有三個值 ：0為豎屏模式（portrait）,90為向左反轉變為橫屏模式（landscape），-90為向右反轉變為橫屏模式（landscape），最後180就是裝置上下互換還是豎屏模式。（2）orientationchange    

關於"閉包"這個概念的文章在網上鋪天蓋地，基本已經稀爛了，但是有時候總感覺讀了這麼多的文章還是雲山霧罩，當然是由於它本身就比較難於理解和涉及的知識較多，還有一個很重要的原因就是網上很多教程介紹可能存在一定的誤區，或者說側重點不同，下面就通過代碼執行個體簡單的介紹一下什麼是閉包。代碼執行個體一：function a(){ var webName="雲棲社區"; console.log(webName); } a()

null　　null 表示個“空” ， 　　　　使用typeof (null) ;//Object ; 說明他是一個特殊的對象。null 類型只自己唯一個成員。他是不包含屬性和方法的。undefinedundefined 同樣也是表示"空",　　　　使用typeof （undefined) ;//undefined ;說明他是undefined類型的。undefined 類型只包含自己一個成員，他不包含屬性和方法的。summarynull 和 undefined 在莫種意義上可以一樣

和瀏覽器的互動1、書籤使用chrome.bookmarks模組來建立、組織和管理書籤。也可參看 Override Pages，來建立一個可定製的書籤管理器頁面。1.1、manifest.json 中配置{ "name": "My extension", ... "permissions": [ "bookmarks" ], ...}對象和屬性：簽是按照樹狀結構組織的，每個節點都是一個書籤或者一組節點（每個書籤夾可包含多個節點）。每個節點都對應一個BookmarkTreeNode

本文執行個體為大家分享了js選項卡轉場效果的具體實現代碼，供大家參考，具體內容如下<!DOCTYPE html><html><head><meta charset="gb2312" /><title>朱朱製作</title><script src="js/jquery.js" type="text/javascript"></script><style> *{ margin: 0;

Javascipt文法不支援"類"（class）[es6已經支援]，但是有類比類的方法。今天我主要談談Javascipt中類比“類”的方法及js中繼承的總結和回顧。js中實現“類”與繼承，既是重點，又是痛點。很多同學可能都對js中“類”與繼承都有所瞭解，但是深入剖析的時候，感覺力不從心、模稜兩可。我們先來總結一下js定義“類”的幾種方法：方法一：建構函式法這個方法是比較經典的方法，我們會經常見到。產生執行個體的時候，使用new關鍵字。類的屬性和方法，還可以定義在建構函式的prototype對象之

npm install gulp --save-dev 什麼是gulp？gulp是新一代的前端項目構建工具，你可以使用gulp及其外掛程式對你的項目代碼（less,sass）進行編譯，還可以壓縮你的js和css代碼，甚至壓縮你的圖片，gulp僅有少量的API，所以非常容易學習。 gulp 使用 stream

本文我們實現純JS方式的滾動廣告效果，供大家參考，具體內容如下先show一下成品：首先是網頁樣式：#demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; }

最近在學習javaScript，學習到js物件導向中的原型時，感悟頗多。若有不對的地方，希望可以指正。js作為一門物件導向的語言，自然也擁有了繼承這一概念，但js中沒有類的概念，也就沒有了類似於java中的extends，所以，我覺得js中的繼承主要依賴於js中的原型（鏈）。那麼，原型是什麼呢？我們知道js中函數亦是一種對象，當我們建立一個函數時，其實這個函數也就預設的擁有了一個屬性叫做prototype,這個屬型叫做原型屬性，他是一個指標，指向了這個函數的原型對象，這個原型對象有一個預設的屬性

我們先來看一道題目var write = document.write; write("hello"); //1.以上代碼有什麼問題 //2.正確操作是怎樣的 不能正確執行，因為write函數丟掉了上下文，此時this的指向global或window對象，導致執行時提示非法調用異常，所以我們需要改變this的指向正確的方案就是使用 bind/call/apply來改變this指向bind方法var write = document.write;

本文執行個體為大家分享了javascript不同顏色Tab標籤轉場效果的實現代碼，供大家參考，具體內容如下具體代碼：<html> <head> <title>不同顏色選項卡</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <style type="text/css"> * { margin: 0;

this是Javascript語言的一個關鍵字。隨著函數使用場合的不同，this的值會發生變化。但是有一個總的原則，那就是this指的是，調用函數的那個對象。JavaScript中的this指標是一個動態變數，一個方法內的this指標並不是始終指向定義該方法的對象的。Javascript中this關鍵字通常指向當前函數的擁有者。下面通過代碼給大家介紹下。具體代碼如下所示：<script type="text/javascript">function Person(){/*使用var

對於js來說，我想每一個剛接觸它的人都應該會抱怨：為什麼沒有一個通過class來擷取元素的方法。儘管現在高版本的瀏覽器已經支援getElementsByClassName()函數，但是對於低版本瀏覽器來說，還是無法相容，在脫離其他庫的時候，還是得自己封裝一個方法。方法一function getByClass1(parent, cls){ var res = []; //存放匹配結果的數組 var ele = parent.getElementsByTagName('*');

ECHO.js 純javascript輕量級消極式載入的執行個體代碼示範<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>簡單的JavaScript映像消極式載入庫Echo.js</title><style>.demo img { width: 736px; height: 490px; background:

下面是我總結的一些小技巧，僅供參考。以下代碼基本上在jQuery的源碼裡面都可以看到，如有說得不對的地方，請大家指出。盡量使用源生方法javaScript是解釋性語言，相比編譯性語言執行速度要慢。瀏覽器已經實現的方法，就不要再去實現一遍了。另外，瀏覽器已經實現的方法在演算法方面已經做了很多最佳化。避免全域尋找在一個函數中會用到全域Object Storage Service為局部變數來減少全域尋找，因為訪問局部變數的速度要比訪問全域變數的速度更快些。盡量減少迴圈次數少一層迴圈，就能提高數倍效能。

JavaScript中定義了兩個單體內建對象：Global和Math。Global對象Global對象是JavaScript中最特別的一個對象。不屬於任何其他對象的屬性和方法，最終都是它的屬性和方法。實際上，沒有全域變數或全域範圍，所有在全域範圍中定義的屬性和函數，都是Global對象的屬性。Global對象包含了一些有用的方法：1.URI編碼方法Global對象的encodeURI()和encodeURIComponent()方法可以對URI進行編碼，encodeURI()主要用於整個URI，