Time of Update: 2015-07-14
標籤:此文主要講述在使用 innerText 和 innerHTML 擷取元素中間值時的差別,我個人將二者的區別簡單的理解為:webelement.innerText : 擷取的是頁面元素顯示的文本webelement.innerHTML : 擷取的是元素中間的 HTML 源碼閑話少述,就此上碼。敬請小主參閱,若有不足之處,敬請大神指正,不勝感激!對應的 HTML 頁面源碼如下所示: 1 <html> 2 <head> 3 <meta
Time of Update: 2015-07-14
標籤:此文以修改 button 元素屬性(例如:添加屬性、修改屬性、修改顏色樣式、邊框樣式等)為簡單樣本,示範 js 修改 HTML 元素屬性的基本方法,敬請參閱。若有不足之處敬請指正,不勝感激!多不閑述,就此上碼。HTML 源碼如下所示: 1 <html> 2 <head> 3 <meta charset=‘utf-8‘> 4 5 <title>JS-002-JavaScript 操作常見 web
Time of Update: 2015-07-15
標籤:?場 景 近期有個情境,判斷目前使用者對項目有沒有編輯許可權,使用JavaScript完成,弄了好久才弄出來,分享一下,有需要的自行擴充吧,具體如下;代 碼function getPermissions(){ var mycontext = new SP.ClientContext(); var mysite = mycontext.get_web(); var mylist = mysite.get_lists().getByTitle(‘Demo‘);
Time of Update: 2015-07-14
標籤: 對於開發人員來說,很多時候我們都會涉及到JavaScript的使用,而在使用過程中,最令人沮喪的就是變數沒有相應的使用範圍。 在開發中,對於任何變數、數組、函數、對象等,只要不在函數的內部,都會被預設為是全域的,意味著頁面上的其他指令碼都可以訪問它,並可進行重寫覆蓋。
Time of Update: 2015-07-14
標籤:知識說明: 初學JavaScript,注意以下七大細節,在實現同樣功能的情況下,讓我們的代碼更易懂、效率更高。一、簡化代碼例如:建立對象之前是這樣的:Var car = new object();Car.color = “red”;Car.wheels = 4;Car.age = 8; 而現在可以寫成這樣子:Var car = {color:’red’,
Time of Update: 2015-07-14
標籤:此文主要針對 web 頁面中常見元素(例如:選項按鈕、複選按鈕)的 JavaScript 操作,進行簡單的源碼樣本示範,敬請小主們參閱。若有不足之處,敬請大神指正,不勝感激!話不多言了,直接上碼: 1 <html> 2 <head> 3 <meta charset=‘utf-8‘> 4 5 <title>JS-001-JavaScript 操作常見 web
Time of Update: 2015-07-15
標籤:javascript有時候,我們不需要太牛逼太強大的JavaScript模板引擎(比如jQuery tmpl或者handlebarsjs),我們只是需要在簡單的模板裡綁定一些非常簡單的欄位,本文將使用非常簡單的技巧來幫你實現這個小功能。首先我們先來定義我們需要的模板,在id為template的script塊裡:<!doctype html><html><head> <meta charset=utf-8>
Time of Update: 2015-07-14
標籤:html5 javascript canvas 下雪動畫 該下雪動畫效果使用了HTML5中Canvas畫布實現,其中涉及了物理學中曲線運動的相關知識與運算。index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
Time of Update: 2015-07-15
標籤:在日常的 web 編程或 UI自動化指令碼編寫過程中,經常會遇到判斷頁面元素的顯示狀態,以對應的執行相應的操作。此文主要以 js 判斷頁面元素的存在狀態為例,簡單敘述一下 js 是如何判斷元素的顯示狀態的,敬請小主們參閱。若有不足之處,敬請大神們不吝指正,不勝感激!多不言述,小二上碼咯。以下為簡單的 HTML 源碼,如下所示: 1 <html> 2 <head> 3 <meta http-equiv="Content-Type"
Time of Update: 2015-07-14
標籤:原型 javascript 前言最近碰到一個題,大家可以試下。Object.prototype.a = function() { console.log("aaa "+this.name);};Function.prototype.b = function() { console.log("bbb "+this.name);};function Person(name) { this.name =
Time of Update: 2015-07-13
標籤:2015-7-13 22:45:31P15:如果defer的屬性設定為"defer"的話,表示指令碼不會產生任何文檔內容,瀏覽器和可以先處理頁面的其它部分,之後再返回到指令碼。<script type = "text/javascript" defer = "defer">//...no content bing generated//這樣有助於在引入一個較大的js庫時加快頁面載入的速度</script>
Time of Update: 2015-07-13
標籤:1.封裝 在許多物件導向的語言中,對象封裝有文法解析來實現的,這些語言或許提供了private,public,protected等關鍵字來控制存取權限。 但javascript並沒有提供這些關鍵字,只能通過閉包來改變變數的範圍來實現封裝特性//私人變數 .使用閉包來實現私人變數var privateObj = (function(){var __private = ‘mico‘;return {getName: function(){return
Time of Update: 2015-07-13
標籤:Q1:資料類型有哪些?5種單一資料型別:undefined,null,boolean,number,string;1種複雜資料類型:object。Undefined只有一個值:undefined;Null只有一個值:null;(表示一個Null 物件指標)Boolean有兩個字面值:true,false;(區分大小寫,True和False等都不是boolean值,只是標識符)Number值:整數,浮點數,十進位,八進位(第一位必須是0,strict
Time of Update: 2015-07-14
標籤:1、對象方法,屬性:是屬於對象執行個體層次上的方法,沒建立一個執行個體,此執行個體便有了相應的對象方法,執行個體可以使用對象方法。eg:function People(name){ //對象屬性,公有的(即每個執行個體都有一個此屬性或方法) this.name = name; //對象方法,公有的 this.introduce = function(){ alert(‘my name =
Time of Update: 2015-07-14
標籤:javascript 續行符問題 斷行符號符丟失 1、引言在JavaScript中,當定義一個大的字串,特別是有換行情況時,為了看起來整齊、易讀,一般使用續行符,例如:var script = "var chart = anychart.pieChart([ ['Chocolate paste', 5],
Time of Update: 2015-07-14
標籤:Chapter 0為什麼讀這本書?作為js入門書,補基礎,由於本書代碼demo較簡單,並沒有貼代碼,只記錄一些自己要注意的知識點以及代碼指令碼Chapter 1: javascript簡史 DOM全稱是document object model(文件物件模型),假設把文檔看做一個對象,那DOM就是如何利用HTML和XML去對這個對象進行操作和控制的標準 1.2
Time of Update: 2015-07-14
標籤: 一.安全的類型檢測javascript內建的類型檢測機制並非完全可靠,由於瀏覽器或者範圍等原因,經常會發生錯誤。大家知道,在任何值調用toString()方法都會返回一個[object Native ConstructorName]格式的字串,每個類內部都有一個[class]屬性,這個屬性就指定了上述字串中的建構函式名。例如var value=[1,2,3,4,5]alert(Object.prototype.toString.call(value));//"[object
Time of Update: 2015-07-14
標籤:JavaScript與HTML之間的互動是通過事件實現的。一、事件流 首先我們要明白事件流的概念。當我們點擊一個按鈕時,也點擊了按鈕的容器元素,甚至也點擊了整個事件。事件流描述就是從頁面中接收事件的順序。在主流瀏覽器中有兩種事件接收方式。一種是IE提出的事件冒泡流,另一種是Netscape提出的事件捕獲流。顧名思義,事件冒泡流是從被點擊的最小元素逐漸向上索引DOM樹,而事件捕獲的思想是不太具體的節點先捕捉到事件,然後事件沿DOM樹逐漸向下,一直傳播到事件的實際目標。 由於老版本瀏覽器不
Time of Update: 2015-07-13
標籤:1.__proto__與prototype的關係所有對象的__proto__都指向其構造器的prototypevar a = {"test":‘mico‘,"age":"18"};var b = function(){};var c = new Date();var d = /^[\d]$/;alert(a.__proto__ == Object.prototype); //truealert(b.__proto__ == Function.prototype); //truealert(
Time of Update: 2015-07-14
letter-spacing與word-spacing的區別,word-spacingletter-spacing與word-spacing的區別:l標題中的兩個屬性的使用頻率雖然算不上多,但是也不能說沒有用武之地,它們兩個由於在外觀和作用上都有相似之處,但是也有很大的不同,下面就通過執行個體簡單介紹一下。執行個體一:<!DOCTYPE html><html><head><meta charset="utf-8"><meta