JavaScript

 DOMContentLoaded介紹DOMContentLoaded事件的觸發條件是：將會在“所有的DOM全部載入完畢並且JS載入執行後觸發”。但如果“js是通過動態載入進來的話，是不會影響到DOMContentLoaded的觸發時間”如所示，藍色的線代表DOMContentLoaded開始觸發，但前提是JS已經載入完畢並執行了。（僅僅是DOM

前幾天同事問我css中單冒號和雙冒號是什麼意思，我也模糊得很，只有個籠統的概念就是：虛擬元素和偽類。一直以為，頁面配置中很少使用到偽類，結果細細研究發現我們經常使用的hover就是一個最簡單的偽類，頓時覺得自己太OUT了，緊跟著這兩天都在看這些東西，其實偽類最簡單的理解就是用於向某些選取器添加特殊的效果。具體偽類、虛擬元素有哪些我就不一一列舉，在w3c中列舉的很清楚。我主要寫寫應用的執行個體。1.來個簡單的，咱們最常用到的向超連結添加不同的顏色：<html><head>&

最近在做頁面分析的時候發現頁面F5重新整理時，大部分原來已經緩衝的內容的狀態變成了304，很是不解，原來想好好看看是什麼原因的。結果發現園裡已經有人分析的很徹底了。 原文地址：瀏覽器緩衝機制 瀏覽器緩衝機制，其實主要就是HTTP協議定義的緩衝機制（如： Expires； Cache-control等）。但是也有非HTTP協議定義的緩衝機制，如使用HTML Meta 標籤，Web開發人員可以在HTML頁面的<head>節點中加入<

這是一個很詭異的事情，今天測試的測出來的。parseInt(1.13*100)，實際傳回值是112。直接看代碼吧 複製代碼 代碼如下: <head> <script type="text/javascript"> function test(){ var thisvalue = 0; thisvalue=yuanToFen($("#inp").val()); alert(thisvalue); } /*元轉分*/ function yuanToFen(yuan){

預覽表單,查看後確認提交或者返回重填XML/HTML Code複製代碼 代碼如下:    <form class="mform" id="myform" method="POST" id="myform" action="">      <fieldset>      <legend>Registeration</legend> 

複製代碼 代碼如下: <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

父表單擷取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"

複製代碼 代碼如下: <!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">

複製代碼 代碼如下: <pre name="code" class="html"><html> <head> <script> function asd(){ var reg=document.getElementsByName("reg"); if(reg[0].checked){ document.getElementById("submit").disabled=false; } else { document.getElementById(

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>

在ie 7 8瀏覽器中，如果使用trim()屬性去除空格的話，則會導致報錯。 因此解決這個問題有如下方案： JS去除空格的方法目前共有12種: 實現1 String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); } 實現2 String.prototype.trim = function() { return this.replace(/^\s+/,

手風琴指令我們展示的第一個例子是手風琴效果指令： 如下： image 線上執行個體地址：手風琴指令 不使用AngularJS的純HTML源碼如下： 複製代碼<div class="accordion" id="accordion2">  <div class="accordion-group">    <div

在網上找個很多的樹實現，總感覺不盡如意，不是需要引用JS外部檔案使用外掛程式，就是代碼過多讓人看的眼花，實際上我只是想實現一個代碼簡潔、邏輯不複雜的樹，費話不多說直接上代碼： 1，首先寫CSS樣式，這個必需要寫的頭部最先渲染 複製代碼 代碼如下: <style> .ps{margin-left:10px;display:none;} .f { background: url("add.gif") no-repeat scroll -4px -21px; cursor:

 今晚又下班早！！嘿嘿，繼續JOSN的總結吧！！！！有人說這麼簡單還有必要寫嗎？？？我覺得“眼裡過十遍不如手裡過一遍”！！有錯誤之處請指正！！共同學習下！！！！廢話不說了，進入今晚的正題： <二>  JSON的格式與文法：           Javascript可以非常容易的建立並訪問JSON對象，文法如下：      

近日再次翻看《javascript物件導向編程指南》這本書，讀到瀏覽器環境一章，漸漸明白了js作為指令碼語言，需要依託宿主環境來實現功能，從瀏覽器角度考慮，就是對瀏覽器的BOM和DOM的操作。DOM操作又可分為：訪問、修改、刪除、建立。每種操作都有獨特的方法和屬性。下面取dom節點的訪問、建立和刪除的功能執行個體來講解（參考文章）。 function add()//動態添加表格的例子 { var parNode = document.getElementById("Table1"

dapper擷取集合實體/// /// 擷取表tb_sys_zhuowei全部資料 /// public IEnumerable SelectAll_tb_sys_zhuowei() { using (IDbConnection conn = OpenConnection()) { const string query = @"select * from

Perface今天看了一些nodejs，《nodejs開發指南》。看到了expres的時候，因為那本書用的express版本跟我的不一樣，導致很多功能不能實現。所以就各種google，現在就把這個流程記錄下來，遇見的bug和一些原理。要玩express就要裝nodejs，如果你的作業系統是centos6.5可以參考我之前寫的部落格centos6.5安裝nodejs。其他動作系統也大同小異，可以看Node InstallationBug1 Express Command not

通過順序來選擇順序選擇的過濾器(filter)有:first 第一個元素:last 最後一個元素:even 序號為偶數的元素:odd 序號為奇數的元素:eq(n) 序號等於ｎ的元素 :lt(n)序號小於n的元素 :gt(n)序號大於n的元素如果有如下的表格0even1odd2even3odd4evenhtml代碼如下 0even 1odd 2even 3odd

案例背景：在大型網站中，css樣式劃分為多個模組檔案，如reset.css，layout.css，skin.css等等（顆粒化越小，樣式重用率越高），頁面需要的時候引入它們即可！ 回到less項目中這裡，我們也可以將劃分為 reset.less，layout.less，skin.less等，然後在本頁面樣式（如index.less）嵌入它們（嵌入的方式，就減少了多個HTTP請求，效能相對好，也可以瞭解為合拼），代碼如下：index.less@import

通常對於無重新整理提交表單，我們都是運用ajax實現的。前段時間跟著老大瞭解到另一種無重新整理提交表單的方法，是利用iframe架構實現的。現在整理出來分享給大家。第一種：（html頁面）<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="utf-8"> <title>無重新整理提交表單</title> <style