Time of Update: 2018-12-08
構造方法複製代碼 代碼如下:function coder(){ this.name = '現代魔法'; this.job = 'Web 開發人員'; this.coding = function () { alert('我正在寫代碼'); }}var coder = new coder();alert(coder.name);coder.coding();Factory 方法複製代碼 代碼如下:function createCoderFactory(){ var
Time of Update: 2018-12-08
昨天在寫上次那個動態產生年月日下拉框和文字框限制輸入的時候遇到了一個問題,文字框裡輸入的時候要開始計算文字框裡面輸入了多少字,自然想到了onkeydown事件,然後計算value.length的方法,看代碼吧 複製代碼 代碼如下:moto.onkeydown=function(){ var curlen=+this.value.length; shuru.innerHTML=curlen; shuru2.innerHTML=+(200-curlen); if(curlen>=200){
Time of Update: 2018-12-08
複製代碼 代碼如下:<html> <head> <title>js自動下載檔案到本地</title> <script language="javascript" type="text/javascript"> function InitAjax() { var ajax; if(window.ActiveXObject){ var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP',
Time of Update: 2018-12-08
js+html5 canvas實現的塗鴉畫板特效,可調畫筆顏色|粗細|橡皮,可以儲存塗鴉效果為圖片編碼,非常適合學習html5的canvas,必須支援html5的瀏覽器才能看到效果。 複製代碼 代碼如下:<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript結合html5
Time of Update: 2018-12-08
原文:Enforcing toString() 譯文:javascript 中強制執行 toString() 譯者:singleseeker Javascript通常會根據方法或運算子的需要而自動把值轉成所需的類型,這可能導致各種錯誤。 Brian McKenna (@puffnfresh) suggests 提供了下列測試代碼: 複製代碼 代碼如下:Object.prototype.valueOf = function () { throw new Error('Use an
Time of Update: 2018-12-08
第一次用到這個,做個記錄,在html頁面中調用本地程式: 複製代碼 代碼如下:<html> <head> <script language="javascript"> function Run(strPath) { var objShell = new ActiveXObject("wscript.shell"); objShell.exec(strPath); objShell = null; } </script> </head>
Time of Update: 2018-12-08
Google Map V3 javascript計算兩個marker之間的距離 做地圖開發,最常用到的就是marker一些操作和互動。簡單介紹一下,兩個marker之間的距離計算。 google map api 很方便的 只要是常用的 基本上都有介面。 1.建立兩個marker點 複製代碼 代碼如下:var oldMarker = new google.maps.Marker({ position: new google.maps.LatLng("31.95678", "177.898673")
Time of Update: 2018-12-08
先來一張。 滑鼠移動到對應的分類,下面的紅色小三角形就會自動跟隨,緩慢的跟隨。 不管有多少個都可以。 javascript code: 複製代碼 代碼如下:function changeCoord(id, left) { $$(id).style.left = left; } function $$(id) { return document.getElementById(id); } function $$$(id) { return
Time of Update: 2018-12-08
眾所周知PHP中對時間類型資料可以直接轉換為時間戳記,那麼在前端指令碼js中,也有方法可以實現,就是valueOf()例如,我們可以通過這段代碼輸出目前時間點的時間戳記複製代碼 代碼如下:<script type="text/javascript"> document.write(new Date().valueOf());</script>那麼何為時間戳記呢?時間戳記就是從1970年1月1日0時0分0秒到目前時間點的所有秒數。1970.1.1 0:0:0
Time of Update: 2018-12-08
Javascript並不像Java、C#等語言那樣支援真正的類。但是在js中可以定義偽類。做到這一點的工具就是建構函式和原型對象。首先介紹js中的建構函式。Javascript中建立對象的文法是在new運算子的後面跟著一個函數的調用。如複製代碼 代碼如下: var obj = new Object(); var date = new Date();運算子new首先建立一個新的沒有任何屬性的對象,然後調用該函數,把新的對象作為this關鍵字的值傳遞。var date = new
Time of Update: 2018-12-08
我們在實際的開發當中經常要擷取頁面中某個html元素,動態更新該元素的樣式、內容屬性等。 那麼如何擷取要更新的這些元素呢?用JavaScript擷取這些節點的方法有很多種,下面是總結的一些方法. 1. 通過document節點擷取: (1) document.getElementById(elementId):該方法通過節點的ID,可以準確獲得需要的元素,是比較簡單快捷的方法。如果頁面上含有多個相同id的節點,那麼只返回第一個節點。 如
Time of Update: 2018-12-08
範例程式碼:複製代碼 代碼如下:var xxxVar1 = 1; var outer = function(){ var xxxVar2 = 2; var results = []; for(var i = 0; i< 3; i++) { var inner = function(){ var xxxVar3 = 3; return xxxVar3 + xxxVar2 +xxxVar1 + i; }
Time of Update: 2018-12-08
程式碼範例:複製代碼 代碼如下:var date1 = new Date(2013,1,1); var date2 = new Date(2013,1,1); date1 == date2; //執行結果為false date1 === date2; //執行結果為false var num1 = new Number(10); var num2 = new Number(10); num1 == num2; //執行結果為false num1 === num2;
Time of Update: 2018-12-08
複製代碼 代碼如下: var intervalBody = function(){ console.log('interval'); } var startInterval = function(){ setInterval(intervalBody,1000); } var timeoutBody = function(){ console.log('timeout'); } var startTimeout = function(){
Time of Update: 2018-12-08
很多人都知道this指標,這篇文章的主要目的是為了培訓我們公司的新人。預設的this指標指向規則1this指標預設指向方法調用時為其指定的對象,如:obj.fun(),fun方法體中的this指標指向obj。複製代碼 代碼如下:var user = { name: '段光偉' };user.getName = function(){ return this.name; };user.getName(); //返回‘段光偉'複製代碼 代碼如下:var user = { name: '段光偉' }
Time of Update: 2018-12-08
這玩意很多人寫過,但是今天臨時要用的時候找不到符合需求的,所以立馬來寫一個,既然都寫完了而且還滿符合需求的就放上來讓大家鞭一鞭。 需求很簡單,一個文字方塊必須限制只能輸入數字(或是小數點)並且要支援 IE 和 Firefox。 HTML的 Input 是這樣下滴 複製代碼 代碼如下:<input type="text" style="ime-mode:disabled" onkeyup="return ValidateNumber($(this),value)" /> •其中那個
Time of Update: 2018-12-08
JavaScript 對象定義方式 1. var obj = new Object() 複製代碼 代碼如下:<!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author"
Time of Update: 2018-12-08
複製代碼 代碼如下:<style type="text/css"> .content{width:500px;height:300px;position:absolute;left:200px;top:100px;border:solid 2px red;padding:10px;overflow:hidden} dl{width:400px;height:30px;border:1px solid black;} </style> <div
Time of Update: 2018-12-08
今天我們說的是資料類型中的一種Boolean類型,它返回true和false兩個字面值,需要注意的是字面值是區分大小寫,也就是除了小寫 其他的都只是標識符。下面主要說的是各種資料類型以及對應的轉化規則:資料類型 轉化為true的值 轉化為false的值--------------------------------------------------------------------------------Boolean true
Time of Update: 2018-12-08
在java端將字串轉化為xml對象可以使用DocumentHelper.parseText(xmlReturn).getRootElement(); 在js中同樣有方法可以將字串轉化為xml對象,可以使用如下函數 以下是引用片段: 複製代碼 代碼如下:function createXml(str){ if(document.all){ var xmlDom=new ActiveXObject("Microsoft.XMLDOM") xmlDom.loadXML(str)