Time of Update: 2015-03-24
javascript 簡易文字編輯器寫在前面: 本文字編輯器具備功能:選擇字型大小、顏色、加粗、斜體、底線。點擊 'Submit' 後產生預覽,再點擊 'Edit' 後可繼續編輯。 主要利用的是 document.execCommand()指令 和 div的contentEditable屬性(值為true或空或inherit時,div中的內容可編輯,為false時不可編輯)。 本文開始: index.
Time of Update: 2015-03-24
相容性問題(pc css),相容性問題pccss記錄平時遇見的相容性問題,有更好的解決辦法希望各位提出,會持續更新提出時間問題描述解決方案2014/7/15table下面使用img或者其他元素例如embed會產生,對應的空隙,假如使用文字缺不會發生上述問題.方法1:可以使用怪異模式進行解析html,不建議(把!doctypehtml去掉 方法2:設定對應的元素的css;設定為塊狀元素或者浮動,具體文章http://blog.csdn.net/fgdfgasd/article/details/7
Time of Update: 2015-03-24
DIV+CSS規範命名集合,divcss規範集合 我們開發CSS+DIV網頁(Xhtml)時候,比較困惑和糾結的事就是CSS命名,特別是新手不知道什麼地方該如何命名,怎樣命名才是好的方法。 命名規則說明: 1)、所有的命名最好都小寫 2)、屬性的值一定要用雙引號("")括起來,且一定要有值如class="divcss5",id="divcss5" 3)、每個標籤都要有開始和結束,且要有正確的層次,排版有規律工整 4)、空元素要有結束的tag或於開始的tag後加上"/" 5)、表現與
Time of Update: 2015-03-24
由一段代碼談前端js最佳化和編碼規範這段代碼是擼主剛畢業那會寫的,主要是實現一個左側的導航條的摺疊功能。當時實現的比較簡陋,每次在導航條增加新的項目的時候,都要手動去修改js代碼中寫死的索引。。。確實是比較惱火的,後來就修改了一下,能夠自動的尋找索引了,但是寫的代碼很不規範,前幾天看到這段代碼的時候,簡直要吐血。。。所以就簡單最佳化了一下1.情景描述:html代碼大致就是如下所示: &nbs
Time of Update: 2015-03-24
JQuery縱向下拉式功能表實現心得jquery庫給我們帶來了許多便利,不愧是輕量級的DOM架構,在前面的博文中小編分別對jquery的基礎知識以及jquery的一些小demo有一系列的簡單介紹,期待各位小夥伴的指導。使用jquery實現一個簡單的橫縱向菜單,小編相信其他小夥伴都有很多的實現方法,小編今天自己使用JQuery寫了一個橫縱向菜單,用博文跟小夥伴分享一下小編實現橫縱向菜單的實現心得。當我們瀏覽網頁和使用word編輯一下文字的時候,我們都能看見橫向下拉的身影,有了橫向菜單,我們能對整個
Time of Update: 2015-03-23
jQuery UI外掛程式自訂confirm確認框的方法,jqueryconfirm本文執行個體講述了jQuery UI外掛程式自訂confirm確認框的方法。分享給大家供大家參考。具體分析如下:這段代碼通過jQuery UI自訂了一個confirm的確認對話方塊效果,通過html代碼自訂對話方塊的顯示介面和外觀,可以自訂confirm框的按鈕,本例中定義了一個confirm確認按鈕和一個cancel取消按鈕。html代碼<button
Time of Update: 2015-03-23
jQuery找出網頁上最高元素的方法,jquery找出網頁元素本文執行個體講述了jQuery找出網頁上最高元素的方法。分享給大家供大家參考。具體如下:這段JS代碼通過jQuery遍曆網頁上的元素,找出其中最高的元素$(document).ready(function() { var maxHeight = -1; $('.features').each(function() { maxHeight = maxHeight > $(this).height() ?
Time of Update: 2015-03-23
JavaScript控製圖片載入完成後調用回呼函數的方法,javascript回呼函數本文執行個體講述了JavaScript控製圖片載入完成後調用回呼函數的方法。分享給大家供大家參考。具體分析如下:這段代碼可以控制指定地區內的圖片載入完成後執行指定的回呼函數。複製代碼 代碼如下:function when_images_loaded($img_container, callback) {/* do callback when images in $img_container (jQuery
Time of Update: 2015-03-23
原生Js實現簡易煙花爆炸效果的方法,js煙花爆炸本文執行個體講述了原生Js實現簡易煙花爆炸效果的方法。分享給大家供大家參考。具體分析如下:實現原理: 在一定範圍內,隨機產生一些div,形成煙花效果複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><title>js煙花效果</title><script
Time of Update: 2015-03-23
JavaScript把數組作為堆棧使用的方法,javascript堆棧本文執行個體講述了JavaScript把數組作為堆棧使用的方法。分享給大家供大家參考。具體如下:JavaScript把數組作為堆棧使用的代碼範例,支援堆棧常用的push和pop方法<script type="text/javascript">var numbers = ["one", "two", "three",
Time of Update: 2015-03-23
js使用split函數按照多個字元對字串進行分割的方法,jssplit本文執行個體講述了js使用split函數按照多個字元對字串進行分割的方法。分享給大家供大家參考。具體分析如下:js中的split()函數可以對字串按照指定的符號進行分割,但是如果字串中存在多個分割符號,js的split()函數是否還可以勝任呢,答案是肯定的,js的split()函數可以通過Regex實現多分隔字元的字串分割,調用也很簡單,下面是詳細範例。下面的代碼可以通過js split方法對字串按照逗號分割var
Time of Update: 2015-03-23
JavaScript Sort 的一個錯誤用法樣本,javascriptsort前不久同事的代碼中出了一個很神奇的問題,大致流程是對一個由對象組成的數組進行排序,其中屬性 a 用於排序,屬性 b 作為一個優選條件,當 b 等於 1 的時候無論 a 值是什麼,都排在開頭 。這本是一個很簡單的問題,問題就在於他用兩次 sort 實現在這次排序,先根據 a 的屬性排序,然後再根據 b 的值來排序。問題就出在第二次排序中。我們想當然的會認為在第一次排序中,數組已經根據 a
Time of Update: 2015-03-23
JavaScript獲得url所有參數索引值表的方法,javascripturl本文執行個體講述了JavaScript獲得url所有參數索引值表的方法。分享給大家供大家參考。具體實現方法如下:function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i
Time of Update: 2015-03-23
純Javascript實現ping功能的方法,javascript實現ping本文執行個體講述了純Javascript實現ping功能的方法。分享給大家供大家參考。具體實現方法如下:function ping(ip) { var img = new Image(); var start = new Date().getTime(); var flag = false; var isCloseWifi = true; var hasFinish = false; img.onload
Time of Update: 2015-03-23
jQuery實現平滑滾動到指定錨點的方法,jquery滾動指定錨本文執行個體講述了jQuery實現平滑滾動到指定錨點的方法。分享給大家供大家參考。具體如下:定義好指定的anchor錨點,調用下面的js代碼可以讓頁面平滑的滾動到指定的位置,非常實用,比如返回頁面頂部,去往頁面底部等功能// HTML:// <h1 id="anchor">Lorem Ipsum</h1>// <p><a href="#anchor"
Time of Update: 2015-03-23
JavaScript動態載入樣式表的方法,javascript樣式表本文執行個體講述了JavaScript動態載入樣式表的方法。分享給大家供大家參考。具體如下:如果需要更換皮膚,我們可以通過JS代碼動態載入皮膚的樣式表,下面的代碼就可以做到,非常簡單,你只需要把這段代碼做成函數動態調用即可。var el = document.createElement('link');el.rel = 'stylesheet';el.type = 'text/css';el.href =
Time of Update: 2015-03-23
JS定義網頁表單提交(submit)的方法,jssubmit本文執行個體講述了JS定義網頁表單提交(submit)的方法。分享給大家供大家參考。具體如下:這段代碼錶示網頁表單提交時不是提交到指定的頁面,而是執行一個特定的函數<script>function saveInfo() { localStorage.setItem("name",$("#name").val());}</script><form id=register onSubmit="return
Time of Update: 2015-03-23
JavaScript實現當網頁載入完成後執行指定函數的方法,javascript函數本文執行個體講述了JavaScript實現當網頁載入完成後執行指定函數的方法。分享給大家供大家參考。具體分析如下:下面的JS代碼示範了如何在網頁載入完成時調用指定的函數,並且可以通過第二段代碼動態添加多個函數同時執行。我們只需要給window.onload指定一個函數既可以在頁面載入完成時自動執行MyCoolInitFunc函數<script type="text/javascript" >
Time of Update: 2015-03-23
JavaScript判斷表單提交時哪個radio按鈕被選中的方法,javascriptradio本文執行個體講述了JavaScript判斷表單提交時哪個radio按鈕被選中的方法。分享給大家供大家參考。具體分析如下:這裡的表單提交時通過JavaScript判斷哪個radio按鈕被選中了<script type="text/javascript">function findButton() {var myForm = document.forms.animalForm;var
Time of Update: 2015-03-23
JavaScript實現向OL列表內動態添加LI元素的方法,olli本文執行個體講述了JavaScript實現向OL列表內動態添加LI元素的方法。分享給大家供大家參考。具體分析如下:JavaScript向OL列表內動態添加LI元素的方法,下面JS代碼每次點擊按鈕都會想OL列表中動態添加一個LI<script type="text/javascript">function addItem() { var myitem =