其他

1.jsvar obj=document.getElementById(selectid);obj.options.length = 0; //清除所有內容obj.options[index] = new Option("three",3); //更改對應的值obj.options[index].selected = true; //保持選中狀態obj.add(new Option("4","4")); ”文本",”值"var index =

第一種，全部選中：<html> <head> <title>複選框checked屬性</title> <script language="JavaScript" type="text/javascript"> function changeState(isChecked) { var chk_list=document.getElementsByTagName("input");

本文執行個體講述了JS實現訊息來時讓網頁標題閃動效果的方法。分享給大家供大家參考，具體如下：<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><title>無標題頁</title><script>var g_blinkid = 0;var g_blinkswitch = 0;var g_blinktitle = document.title;var

使用Js代碼編寫一個網頁上用的顏色拾色器，也就是選擇顏色用的，用按一下滑鼠任意顏色塊,將彈出顏色值，當你想使用某種顏色而不知道顏色值的時候，用這個小特效可以告訴你顏色值是多少，比較方便。顏色拾色器 紅綠藍灰 用按一下滑鼠下面的顏色塊,將彈出顏色值 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

本文要介紹的是網頁中常見的圖片上傳後直接在頁面產生小圖預覽的實現思路，考慮到該功能有一定的適用性，於是把相關的邏輯封裝成了一個ImageUploadView組件，實際使用效果可查看下一段的git效果圖。在實現這個組件的過程中，有用到前面幾篇部落格介紹的相關內容，比如繼承庫class.js，任意組件的事件管理庫eventBase.js，同時包含進了自己對職責分離，表現與行為分離這兩方面的一些思考，歡迎閱讀與交流。示範效果：註：由於示範的代碼都是靜態，所以檔案上傳的組件是用setTimeout類比的

本文執行個體為大家分享實作類別似QQ中對連絡人的操作：向左滑動，滑出刪除按鈕。滑動超過一半時鬆開則自動滑到底，不到一半時鬆開則返回原處。純js實現使用了h5的touchmove等事件，以及用js動態改變css3的translate屬性來達到動畫效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" id="viewport"

KnockoutJS是一個JavaScript實現的MVVM架構。非常棒。比如列表資料項目增減後，不需要重新重新整理整個控制項片段或自己寫JS增刪節點，只要預先定義模板和符合其文法定義的屬性即可。簡單的說，我們只需要關注資料的存取。一、引言　　由於最近公司的系統需要改版，改版的新系統我打算使用KnockoutJs來製作Web前端。在做的過程中，遇到一個問題——如何使用KnockoutJs來完成分頁的功能。在前一篇文章中並沒有介紹使用KnockoutJs來實現分頁，所以在這篇文章中，將補充用Kno

本文執行個體講述了JS類比簡易捲軸效果的方法。分享給大家供大家參考，具體如下：使用Js類比捲軸。簡易模式，類似手機上常見的捲軸。效果如下：Js代碼如下：var scrollMoveObj = null, scrollPageY = 0, scrollY = 0;var scrollDivList = new Array();// obj需要添加捲軸的對象 w捲軸寬度 className捲軸樣式名稱// obj元素 必須指定高度，並設定overflow:hidden;// 如要相容IE6

Bootstrap，來自 Twitter，是目前最受歡迎的前端架構。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。學習要點：1.頁面排版本節課我們主要學習一下 Bootstrap 全域 CSS 樣式中的排版樣式，包括了標題、頁面主體、對齊、列表等常規內容。一．頁面排版Bootstrap 提供了一些常規設計好的頁面排版的樣式供開發人員使用。1.頁面主體Bootstrap 將全域 font-size 設定為

最近看了一下關於js日期的一些函數，突然想到了日曆控制項，於是試著寫了一個，作為背景程式員的我水平有限，大家抱著學習的態度看看我寫的這個例子吧，一起學習進步！首先一個常用的日期函數：Date(year,month,day) var   date=new  Date();擷取年份var   year=this.date.getFullYear();擷取月份，這裡是月索引所以要+1var  

訊息/事件機制是幾乎所有開發語言都有的機制，並不是deviceone的獨創，在某些語言稱之為訊息(Event),有些地方稱之為(Message).

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<script type="text/javascript"> var refid='dasdasd,dadsad'; var reg =/^([\u0391-\uFFE5\d\w,])*([\u0391-\uFFE5\d\w]+)$/; if(refid != ""){ if(reg.exec(refid)){ alert('驗證通過'); }else { alert('驗證失敗'); }

JavaScript中有三個可以對字串編碼的函數，分別是： escape,encodeURI,encodeURIComponent，相應3個解碼函數：unescape,decodeURI,decodeURIComponent 。下面簡單介紹一下它們的區別1 escape()函數定義和用法escape() 函數可對字串進行編碼，這樣就可以在所有的電腦上讀取該字串。文法escape(string)參數 描述string 必需。要被轉義或編碼的字串。傳回值已編碼的 string

新浪首頁的搜尋方塊裡面有一個使用ajax的下拉框。我們需要實現一個點擊下拉框裡面的一項，讓搜尋方塊裡面的值變成這一項，同時下拉框消失的效果，但同時在點擊其他地方的時候，這個下拉框也要消失。大致如圖：我們同時使用onblur和onclick來使下拉框隱藏，但是更大的問題出現了，這兩個功能相衝突，onblur過於強悍，根本沒有onclick方法實現的機會，搜尋方塊無法擷取點擊項的內容。這個就是我們想要解決的onclick和onblur衝突問題。對應這個問題，這裡我們介紹兩種解決辦法：1.

bootstrap為我們定義了簡潔易用的樣式，我們只需要很少的樣式指定，就可以完成簡約優雅的頁面展示。本篇主要介紹以下幾個基本控制項：1. table2. form 3. button1. 表格（table）依舊使用<table><thead><tbody><tr><th><td>來表現表格。有如下的類來控制table的屬性， table樣式預設會佔滿父容器 <div class="container">

開發測試的時候，經常需要填寫姓名、手機號、社會安全號碼、銀行卡號，既要符合格式要求、又不能重複。大家會到網上搜各種產生器。能不能自己寫一個簡單的產生器呢。下面是隨機產生姓名、手機號、社會安全號碼、銀行卡號的js代碼。// 產生隨機姓名 function getName(){ var familyNames = new Array( "趙", "錢", "孫", "李", "周", "吳", "鄭", "王", "馮", "陳", "褚",

最近，因為工作需要一個樹形下拉框的組件，經過查資料一般有兩種的實現方法。其一，就是使用zTree實現；其二，就是使用easyUI實現。因為公司的前端不是使用easyUI設計的，故這裡我選擇了zTree來實現下拉樹。這裡使用簡單的資料格式（即簡單的Json格式）類似如下Json：var zNodes =[ {id:1, pId:0, name:"北京"}, {id:2, pId:0, name:"天津"}, {id:3, pId:0, name:"上海"},

本文執行個體為大家分享了js實現金額轉大寫的相關代碼，供大家參考，具體內容如下function convertCurrency(num) { //轉成人民幣大寫金額形式 var str1 = '零壹貳三肆伍陸柒捌玖'; //0-9所對應的漢字 var str2 = '萬仟佰拾億仟佰拾萬仟佰拾元角分'; //數字位所對應的漢字 var str3; //從原num值中取出的值 var str4; //數位字串形式 var str5 = ''; //人民幣大寫金額形式 var i;

圖片上傳是一個普通不過的功能，而圖片預覽就是就是上傳功能中必不可少的子功能了。在這之前，我曾經通過訂閱input[type=file]元素的onchange事件，一旦更改路徑則將圖片上傳至伺服器，接著就擷取圖片路徑並賦值到img元素上。先不管檔案非同步提交的解決方案，就是服務端清理那些臨時的預覽圖片已經增加不少工作量了。偶然從MDN上找到純前端圖片預覽的相關資料，經過整理後記錄下來以便日後查閱。 一、準備功夫1──FileReader　　　　　　　　　　　　　　　　　　　　　　　　&n

之前，我們講解了bootstrap tab的使用，今天我們來瞭解下bootstrap 中model彈出窗的使用。效果：代碼：<input id="btntext" type="button" value="添加文本組件" data-toggle="modal" data-target="#myModal" href="../SysManage/ZuJianManage.aspx"/><!-- Modal --><div class="modal hide fade"