Time of Update: 2014-05-25
DOMContentLoaded介紹DOMContentLoaded事件的觸發條件是:將會在“所有的DOM全部載入完畢並且JS載入執行後觸發”。但如果“js是通過動態載入進來的話,是不會影響到DOMContentLoaded的觸發時間”如所示,藍色的線代表DOMContentLoaded開始觸發,但前提是JS已經載入完畢並執行了。(僅僅是DOM
Time of Update: 2014-05-25
這是一個很詭異的事情,今天測試的測出來的。parseInt(1.13*100),實際傳回值是112。直接看代碼吧 複製代碼 代碼如下: <head> <script type="text/javascript"> function test(){ var thisvalue = 0; thisvalue=yuanToFen($("#inp").val()); alert(thisvalue); } /*元轉分*/ function yuanToFen(yuan){
Time of Update: 2014-05-25
複製代碼 代碼如下: <script> function doit(){ newT=document.selection.createRange() clipboardData.setData("Text",newT.text) if(clipboardData.getData("Text")!=null){ document.all.pp.value=clipboardData.getData("Text") } } </script> <span id=ww
Time of Update: 2014-05-25
父表單擷取iframe window.iframeId iframe擷取父視窗 window.parent parent.html 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"
Time of Update: 2014-05-25
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Time of Update: 2014-05-25
javascript為下拉式清單添加資料項目.html 複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>為下拉式清單動態添加資料項目</title>
Time of Update: 2014-05-25
手風琴指令我們展示的第一個例子是手風琴效果指令: 如下: image 線上執行個體地址:手風琴指令 不使用AngularJS的純HTML源碼如下: 複製代碼<div class="accordion" id="accordion2"> <div class="accordion-group"> <div
Time of Update: 2014-05-25
在網上找個很多的樹實現,總感覺不盡如意,不是需要引用JS外部檔案使用外掛程式,就是代碼過多讓人看的眼花,實際上我只是想實現一個代碼簡潔、邏輯不複雜的樹,費話不多說直接上代碼: 1,首先寫CSS樣式,這個必需要寫的頭部最先渲染 複製代碼 代碼如下: <style> .ps{margin-left:10px;display:none;} .f { background: url("add.gif") no-repeat scroll -4px -21px; cursor:
Time of Update: 2014-05-25
今晚又下班早!!嘿嘿,繼續JOSN的總結吧!!!!有人說這麼簡單還有必要寫嗎???我覺得“眼裡過十遍不如手裡過一遍”!!有錯誤之處請指正!!共同學習下!!!!廢話不說了,進入今晚的正題: <二> JSON的格式與文法: Javascript可以非常容易的建立並訪問JSON對象,文法如下:
Time of Update: 2014-05-25
近日再次翻看《javascript物件導向編程指南》這本書,讀到瀏覽器環境一章,漸漸明白了js作為指令碼語言,需要依託宿主環境來實現功能,從瀏覽器角度考慮,就是對瀏覽器的BOM和DOM的操作。DOM操作又可分為:訪問、修改、刪除、建立。每種操作都有獨特的方法和屬性。下面取dom節點的訪問、建立和刪除的功能執行個體來講解(參考文章)。 function add()//動態添加表格的例子 { var parNode = document.getElementById("Table1"
Time of Update: 2014-05-25
Perface今天看了一些nodejs,《nodejs開發指南》。看到了expres的時候,因為那本書用的express版本跟我的不一樣,導致很多功能不能實現。所以就各種google,現在就把這個流程記錄下來,遇見的bug和一些原理。要玩express就要裝nodejs,如果你的作業系統是centos6.5可以參考我之前寫的部落格centos6.5安裝nodejs。其他動作系統也大同小異,可以看Node InstallationBug1 Express Command not
Time of Update: 2014-05-25
通過順序來選擇順序選擇的過濾器(filter)有:first 第一個元素:last 最後一個元素:even 序號為偶數的元素:odd 序號為奇數的元素:eq(n) 序號等於n的元素 :lt(n)序號小於n的元素 :gt(n)序號大於n的元素如果有如下的表格0even1odd2even3odd4evenhtml代碼如下 0even 1odd 2even 3odd
Time of Update: 2014-05-20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2014-05-20
案例背景:在大型網站中,css樣式劃分為多個模組檔案,如reset.css,layout.css,skin.css等等(顆粒化越小,樣式重用率越高),頁面需要的時候引入它們即可! 回到less項目中這裡,我們也可以將劃分為 reset.less,layout.less,skin.less等,然後在本頁面樣式(如index.less)嵌入它們(嵌入的方式,就減少了多個HTTP請求,效能相對好,也可以瞭解為合拼),代碼如下:index.less@import
Time of Update: 2014-05-20
通常對於無重新整理提交表單,我們都是運用ajax實現的。前段時間跟著老大瞭解到另一種無重新整理提交表單的方法,是利用iframe架構實現的。現在整理出來分享給大家。第一種:(html頁面)<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="utf-8"> <title>無重新整理提交表單</title> <style
Time of Update: 2014-05-19
複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>json</title> <script type="text/javascript"> <!-- var list=[{"name":"中國",
Time of Update: 2014-05-19
如何讓使用者輸入wap手機網站的網址時自動跳轉到wap網站 ?wap頁面自動跳轉的實現方式 ?如何判斷訪客是否是行動裝置訪問,自動跳轉到wap頁面 ?手機自動跳轉到手機頁面,一個網址區分普通訪問與手機訪問 ?手機訪問網站網域名稱時如果實現自動跳轉到wap頁面 ?本文就可以解決這些問題!複製代碼 代碼如下:function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-
Time of Update: 2014-05-19
為了保證網頁代碼層次清晰,便於管理,一般HTML中只體現網頁結構,具體的行為處理通過JS實現,樣式則通過CSS檔案管理。在以上原則下通過JS實現行為時,一定要注意文檔載入過程中,執行JS代碼的時機。頁面載入過程有兩個事件,一是ready,表示文檔結構已經載入完成(不包含圖片等非文字媒體檔案),二是onload,指示頁 麵包含圖片等檔案在內的所有元素都載入完成。(可以說:ready 在onload 前載入。)(1) 一些待調用函數定義,要在調用前定義。(2)
Time of Update: 2014-05-19
用jquery實現的一個超級簡單的下拉式功能表。 初始效果 滑鼠懸浮效果 代碼 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.11.1.js"></script> <style> nav a { text-decoration: none; } nav > ul
Time of Update: 2014-05-19
1.選取jQuery對象中的: first() last() eq() slice() filter() not() has() add() 2.將選中元素集用作內容相關的: find()(子孫元素) children()(直接子項目) contain()(直接子項目,包含文本節點,無參數) next()(下一個) prev()(上一個) nextAll()(後面所有) prevAll()(前面所有)