Time of Update: 2014-09-30
Javascript基礎知識(一)核心基礎文法與事件模型,javascript基礎知識一.Javascript核心基礎文法1.Javascript是一門增加互動效果的程式設計語言,它最初由網景公司發明,最後提交給ECMA(歐洲電腦製造商協會),ECMA將Javascript標準化,其命名為Javascript。2.Javascript是一門解釋性語言,無需編譯就可以直接在瀏覽器下運行。3.Javascript的用途? 1.可以控制網頁中所有元素,增加.刪除.修改元素的屬性。
Time of Update: 2014-09-30
使用phantomjs進行網頁抓取的實現代碼,phantomjs抓取phantomjs因為是無頭瀏覽器可以跑js,所以同樣可以跑dom節點,用來進行網頁抓取是再好不過了。比如我們要批量抓取網頁 “曆史上的今天” 的內容。網站對dom結構的觀察發現,我們只需要取到 .list li a的title值即可。因此我們利用進階選取器構建dom片段var d= ''var c = document.querySelectorAll('.list li a')var l =
Time of Update: 2014-09-30
Javascript基礎知識(二)事件,javascript基礎知識Event對象:(event對象是window對象的屬性,當事件發生時,同時產生event對象,事件結束,event對象消失)IE中:window.event;//擷取對象DOM中:argument[0];//擷取對象IE中Event對象常用的屬性方法:1.clientX:事件發生時,滑鼠指標在客戶區(不包括工具列,捲軸等)的X座標;2.clientY:事件發生時,滑鼠指標在客戶區(不包括工具列,捲軸等)的Y座標;3.keyCo
Time of Update: 2014-09-30
Javascript表單驗證要注意的事項,javascript表單Javascript表單編程:一.表單元素的尋找方式:1.var oForm=document.getElementById("Form1");2.var
Time of Update: 2014-09-29
jquery實現一個簡單好用的彈出框 自己改寫一些jquery的部分代碼,自己總結出來一個比較好用的jquery彈出框,留著以後工作時候再用。喜歡就拿走吧!代碼: 1 2 3 4 5 6 7 8 9 10
Time of Update: 2014-09-30
js使用迴圈清空某個div中的input標籤值,divinputHTML頁面<div class="col-xs-9" id="search_songs_a"> <table> <tbody> <tr> <th>鋼琴曲名稱:</th> <td><input type="text" name="info[gqq_name]" id="gqq_name"
Time of Update: 2014-09-29
js使用for迴圈與innerHTML擷取選中tr下td值 function getParentEl (el, tagName) {if (!el) return el; do {el = el.parentNode;} while(el && el.tagName !== tagName); return el;} function temp(){//得到選中row的value值var
Time of Update: 2014-09-29
jQuery對val和atrr("value")賦值的區別介紹 做項目的時候,我從後台傳遞過來的資料給一個文字框賦值,通過google瀏覽器, 當修改的時候發現沒有修改,最後查了下原因,原來是jQuery中val和atrr("value",對瀏覽器的區別, 故總結如下: jquery中的val()和atrr('value'這兩個的使用,假設有預設值的情況下,如果用val()賦值了,那麼當修改這個值得時候,google不能擷取最新的值,但是ie可以, 針對
Time of Update: 2014-09-29
js
Time of Update: 2014-09-29
Node.js中使用mongoskin操作mongoDB執行個體,mongoskinmongodb一、廢話從13年1月份接觸mongodb進行開發,開發了旅遊標籤服務、微博標籤檢索系統、地圖服務、web
Time of Update: 2014-09-29
js檔案包含的幾種方式介紹,js檔案包含幾種1. 頁面中直接引用複製代碼 代碼如下:<script src="a.js"><\/script><script src="b.js"><\/script>2.動態寫入頁面複製代碼 代碼如下:document.write('<script src="a.js"><\/script>')document.write('<script
Time of Update: 2014-09-29
一個jquery實現的不錯的多行文字圖片滾動效果,jquery多行今兒分享一個jquery實現多行滾動效果。我看一些論壇網站上面,公告處用的較多。代碼如下// 多行滾動(function($){$.fn.extend({Scroll:function(opt,callback){if(!opt) var opt={};var _this=this.eq(0).find("ul:first");var
Time of Update: 2014-09-29
javascript檢測是否連網的實現代碼,javascript連網最簡單粗暴的方式就是載入網路資源,JS檔案或者圖片檔案。複製代碼 代碼如下:<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>typeof window.jQuery === "undefined" // return false or
Time of Update: 2014-09-29
js和jquery如何擷取圖片真實的寬度和高度,jsjquery擷取寬度1、什麼時候需要擷取圖片真實的寬度和高度在做pc網頁的時候,有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然後判斷過後給予不同的展示方式!另外一種就是在手機頁面上,在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示,如果手機螢幕太小,太大的圖就會超出去!這時候有兩種解決辦法1)給所有的圖片加上這樣的樣式1複製代碼 代碼如下:.news img{margin:5px auto;
Time of Update: 2014-09-29
js擷取元素相對視窗位置的實現代碼,js視窗JS擷取元素的offsetTop,offsetLeft等屬性obj.clientWidth //擷取元素的寬度obj.clientHeight //元素的高度obj.offsetLeft //元素相對於父元素的leftobj.offsetTop //元素相對於父元素的topobj.offsetWidth //元素的寬度obj.offsetHeight //元素的高度區別:clientWidth = width +
Time of Update: 2014-09-29
jQuery固定浮動側邊欄實現思路及代碼,jquery思路這個功能現在應用的非常普遍,如果頁面比較高,當捲軸拖到頁面的下面的時候,側邊欄會出現一個固定跟隨瀏覽器的DIV框,現思路是這樣的:首先擷取需要跟隨的DIV距離頁面頂部的距離,然後判斷,當瀏覽器滾動的距離大於該DIV本身距離頂部距離的時候,則添加CSS屬性fixed即可。代碼如下HTML代碼:<div id="header">header</div><div
Time of Update: 2014-09-29
Javascript中封裝window.open解決不相容問題,javascriptwindow對window.open進行封裝, 使其更好用, 且更相容, 很多人說window.open不相容,其實不是, 因為不能直接執行, 必須通過使用者手動觸發才行;看代碼:代碼如下var openWindow = function(url, options) {var str = "";if (options) {options.height = options.height ||
Time of Update: 2014-09-29
javascript中bind函數的作用執行個體介紹,javascriptbind<!DOCTYPE html><html><head><meta charset="utf-8"><style>button {background-color:#0f0;}</style></head><body><button id="button"> 按鈕
Time of Update: 2014-09-29
Javascript擷取CSS虛擬元素屬性的實現代碼,css偽CSS虛擬元素非常強大,它經常被用來建立CSS三角形提示,使用CSS虛擬元素可以實現一些簡單的效果但又不需要增加額外的HTML標籤。有一點就是Javascript無法擷取到這些CSS屬性值,但現在有一種方法可以擷取到:看看下面的CSS代碼:.element:before { content: 'NEW'; color: rgb(255, 0, 0);}.element:before {content: 'NEW';color:
Time of Update: 2014-09-29
排序演算法的javascript實現與講解(99js手記),javascript99js冒泡排序冒泡的原理是讓最大元素或者最小元素”浮起來“插入排序,選擇排序,快速排序,冒泡排序都是比較排序思路依次比較相鄰的兩個數,將小數放在前面,大數放在後面。step1:比較第1個和第2個數,將小數放前,大數放後。比較第2個數和第3個數,將小數放前,大數放後,如此繼續,直至比較最後兩個數,將小數放前,大數放後。step2:在第二趟:仍從第一對數開始比較(因為可能由於第2個數和第3個數的交換,使得第1個數不再小