JavaScript

標籤：內建函式：定義在另一個函數中的函數例如：<script> function outer(){ function inner(){ } }</script>　 inner()就是一個被包含在outer()範圍中的內建函式，所以：在outer()內部調用inner()函數有效，在outer()外部調用inner()函數無效。例如：<script> function outer(){ console.

標籤：一、函數定義function fName(params){　　statements;　　return somevalue;//可以省略}注意事項：1、參數可有，可無。不定義參數，在調用參數時，也可以傳入參數；例如： 1 function add(){ 2 if(arguments.length==1){ 3 alert(arguments[0]); 4 }else if(arguments.length==2){ 5

標籤：事件   javascript   事件處理   【寫在前面】最近一直在看js的基礎，畢竟jquery雖然好用，總歸是用著別人寫的，只會用api不如搞清楚實現的原理。等把js基礎鞏固好了一定要去讀jquery的源碼。事件流事件流描述的是從頁面中接收事件的順序。js中有兩種事件流，冒泡流和捕獲流。兩種流的名稱都很形象，在由節點構成的一顆html樹上面，冒泡流指事件開始時候由最具體的元素最先接收，然後逐級

標籤：  本文是金旭亮老師網易雲課堂的課程筆記，記錄下來，以供備忘函數幾個要點：                a).函數是javascript中的一等公民 (重要性)                b).函數是一個對象         

相容各個瀏覽器的未知高度div垂直置中效果，div置中相容各個瀏覽器的未知高度div垂直置中效果:讓div垂直置中與它的父物件中，並不像是讓div在父元素中水平置中那麼簡單，只要簡單的為此元素設定margin:0px auto即可，雖然將一些屬性配合使用也可以將div垂直置中與父元素中，但是在某些瀏覽器中並不相容，下面就介紹一種相容各大瀏覽器的方式。先看一段代碼執行個體:<!DOCTYPE html><html><head><meta charset="

Bootstrap~Panel和Table，bootstrappanel在我們對一個頁面進行設計時，分塊是必須的，沒有一個網站是一欄而下的，除非你是在看小說，否則你的頁面設計一定是分塊的，即它由於多個panel組件，在bootstrap裡叫到柵格系統，而在每行每列進行宏觀的布局後，就是在每一個大塊裡建立小塊，而小塊可以使用Panel來實現，下面看個例子<div class="panel panel-default"> <div

css3進度條，html5進度條<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css3進度條</title><style>.meter { height: 20px; position: relative;margin: 60px 0 20px 0; background: #555;-moz-border-radius:

使用JS實現前端緩衝在前端瀏覽器中，有些資料（比如資料字典中的資料），可以在第一次請求的時候全部拿過來儲存在js對象中，以後需要的時候就不用每次都去請求伺服器了。對於那些大量使用資料字典來填充下拉框的頁面，這種方法可以極大地減少對伺服器的訪問。這種方法特別適用於使用iframe的架構。具體實現思路和方法： 建立一個cache.js檔案：1、前端頁面，定義那些資料需要一次性拿到前端緩衝，定義一個對象來儲存這些資料： /** *

javascript閉包的應用我印象中，javascript的閉包屬於進階的範疇，無非是用來在面試中裝裝逼而已。你看我身邊的一個小夥子，有一天我裝逼地問他什麼是javascript的閉包，他居然連聽都沒聽說過。但他做起前端的東西來很快，就像我見過的其他小夥子一樣。這說明，知不知道閉包，似乎無關重要。但是，這幾天寫了一些前端代碼，覺得還是應該要瞭解這個東西。所謂的閉包，按我的理解，就是一個javascript函數（父函數）裡面有子函數，然後外界可以通過這個子函數來訪問到父函數裡面的變數。閉包的作用

js數學 atan2 cos sin1.給出相對座標中心o，p1到o的距離l,p1到x軸的角度angle(0~2PI)left：x0+Math.cos(angle)top: y0+Math.sin(angle)2.給出相對座標中心o，p1座標，求p1關於x軸的夾角//angle大於-Math.PI,小於Math.PI// (-∏,∏) var

也說Javascript對象拷貝及疑問一、淺拷貝                                                                 &

jQuery實現滑鼠點擊彈出漸層層的方法，jquery滑鼠點擊彈出層在實際應用中我們經常會碰到大量的彈出層效果，下面我來做一個基於jquery的簡單的彈出層效果執行個體，各位朋友有興趣可參考。效果代碼如下在彈出層中下面是核心代碼<script type="text/javascript">// 漸層彈出層$(document).ready(function(){ var speed = 600;//動畫速度 $("#race

OC與JS互相調用最近項目中要用到html5來實現，涉及到OC調用JS，以及JS調用OC的方法，這裡把遇到的問題以及實現方法介紹一下。  //// ViewController.h// OC_And_JS//// Created by 張傑 on 15/7/9.// Copyright © 2015年 張傑. All rights reserved.//#import @interface ViewController : UIViewController

相容各大瀏覽器的JavaScript阻止事件冒泡代碼，javascript冒泡這裡僅僅是一個簡單代碼demo，因為時間問題並未做深入研究，因為今天做項目時要用到阻止事件冒泡的內容，找了好多才找到一個可以使用的，特記錄之。<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

jquery實現表單驗證並阻止非法提交，jquery實現表單提交代碼檢測textarea內填寫的長度，未填寫時提示需要重新填寫，少於15字元時提示需要長於15字元，成功時顯示所填寫建議。<script type="text/javascript">//jQuery代碼function confirm(){　　if($("#advice").val().length == 0){　　alert("We can't see your advice. Maybe you should

jquery.map()方法的使用詳解，jquery.map使用詳解原型方法map跟each類似調用的是同名靜態方法，只不過返回來的資料必須經過另一個原型方法pushStack方法處理之後才返回，源碼如下：map: function( callback ) { return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }

JS擷取下拉框顯示值和判斷選項按鈕的方法，js單選本文執行個體講述了JS擷取下拉框顯示值和判斷選項按鈕的方法。分享給大家供大家參考。具體如下：1.本人做過很多項目，都需要得到select組件顯示的值。下面是我經常用到的方法：Html源碼如下：<html><body><select id="province" name="province" ><option value="1">北京</option><option value="2

jQuery檢測某個元素是否存在代碼分享，jquery代碼代碼中可能有這樣的情況，根據元素是否存在來執行不同的操作，這樣就需要判斷指定的元素是否存在。使用$(selector)可以獲得匹配元素集合，而匹配元素集合的length屬性可以獲得集合中匹配元素的個數，所以只要判斷length屬性值是否為零，就可以判斷元素是否存在。代碼執行個體如下:<!DOCTYPE html><html><head><meta

javascript+ajax實現產品頁面載入資訊，javascriptajaxjs//載入頁面//載入產品列表function GetProductList() { function PostParam(param) { param.key = "lm324"; return param; } var PostExecParam = { ClassName: "AnxinE.BLL.Product.ProductInfoBLL", MethodName:

JS實現文檔載入完成後執行代碼，js文檔在執行某些操作的時候，需要當文檔完全載入完成之後再去執行，否則可能出現意向不到的情況，先看一段代碼執行個體:<!DOCTYPE html><html><head><meta charset=" utf-8"><title>幫客之家</title><style type="text/css"> div{ width:200px; height:200px; } </