原生javascript相容性測試執行個體

1.擷取樣式表裡面的width,border color 之類的css(不是行間) 主要是IE6-7支援currentStyle,標準瀏覽器支援getComputedStyle;執行個體:封裝函數 複製代碼 代碼如下:function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } }

JavaScript全排列的六種演算法 具體實現

全排列是一種時間複雜度為:O(n!)的演算法,前兩天給學生講課,無意間想到這個問題,回來總結了一下,可以由7種演算法求解,其中動態迴圈類似回溯演算法,實現起來比較繁瑣,故總結了6種,以饗讀者。所有演算法均使用JavaScript編寫,可直接運行。演算法一:交換(遞迴)複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml">  <head>      <meta http-equiv="Content-Type"

JavaScript基礎篇之變數範圍、傳值、傳址的簡單介紹與執行個體

javascript:變數的聲明以下是幾種聲明變數的方式複製代碼 代碼如下: var value; var value,value1,value2;//同時聲明多個變數,但是這些變數的值都是undefined var i = 0,j =

JS 退出系統並跳轉到登入介面的實現代碼

Index.aspx頁面Login.aspx在Index.aspx頁面寫入JS代碼:複製代碼 代碼如下:<script language="javascript" type="text/javascript">    function logout(){//        if (confirm("您確定要退出控制台嗎?"))            top.location = "../Login.aspx";         return false;   

Javascript無阻塞載入具體方式

看了《高效能JavaScript》的讀書筆記幾個原則:1、將指令碼放在底部<link>還是在head中,用以保證在js載入前,能載入出正常顯示的頁面。<script>放在</body>前。2、成組指令碼由於每個<script>標籤下載時阻塞頁面解析過程,所以限制頁面的<script>總數也可以改善效能。適用於內聯指令碼和外部指令碼。3、非阻塞指令碼等頁面完成載入後,再載入js代碼。也就是,在window.load事件發出後開始下載代碼。

純JavaScript實現HTML5 Canvas六種特效濾鏡樣本

小試牛刀,實現了六款簡單常見HTML5 Canvas特效濾鏡,並且封裝成一個純JavaScript可調用的API檔案gloomyfishfilter.js。支援的特效濾鏡分別為: 1.反色 2.灰色調 3.模糊 4.浮雕 5.雕刻 6.鏡像濾鏡原理解釋: 1.反色:擷取一個像素點RGB值r, g, b則新的RGB值為(255-r, 255-g, 255-b) 2.灰色調:擷取一個像素點RGB值r, g, b則新的RGB值為 複製代碼 代碼如下:newr = (r * 0.272) + (g *

Javascript實現重力彈跳拖拽運動效果樣本

示範地址: http://www.ihuxu.com/project/gcdmove/調用樣本: var GCDM = gcdMove(oDiv,100,0); GCDM.startMove();//開始運動 GCDM.stopMove();//結束運動 該段JS代碼已經封裝好了,代碼如下: 簡要說明 - obj為要改動的對象元素,通常為某個div;iSpeedX,iSpeedY為div出師的橫向(右側),豎向(下)的初始速度,當然也可以設為零。 複製代碼 代碼如下:/** * @Desc

javascript實現文字圖片上下滾動的具體執行個體

複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;">         <div id="demo" style="overflow:hidden;height:160;width:100%;">          <div id="demo1">           文章標題列表          </div>          <div id="demo2"><

JavaScript操縱視窗的方法小結

在前面的介紹中,我們討論過close()方法:複製代碼 代碼如下:  win = window.open("http://www.jb51.net/", "js");  win.close();  JavaScript提供了許多方法與屬性,我們可以使用它們來控制視窗。  移動、滾動、改變大小  下面的方法(N4+,IE4+)負責個定視窗的移動、滾動以及大小改變操作:複製代碼 代碼如下:  // 移動視窗的螢幕位置到指定的位移x 、y(絕對移動)  window.moveTo(iX, iY)  /

解析javascript 數組以及json元素的添加刪除

javasscript刪除數組的3種方法1,用shift()方法shift:刪除原數組第一項,並返回刪除元素的值;如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var chaomao.shift()//得到1alert(chaomao)//[2,3,4,5]2,用pop()方法pop:刪除原數組最後一項,並返回刪除元素的值;如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var

javascript實現div的顯示和隱藏的小例子

複製代碼 代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>oec2003</title><script language="JavaScript" type="text/JavaScript"><!--function toggle(targetid){    if

javascript截取字串(通過substring實現並支援中英文混合)

javascript截取字串(支援中英文混合) 複製代碼 代碼如下:<script type="text/javascript"> var sub=function(str,n){ var r=/[^\x00-\xff]/g; if(str.replace(r,"mm").length<=n){return str;} var m=Math.floor(n/2); for(var i=m;i<str.length;i++){

通過JavaScript使Div置中並隨網頁大小改變而改變

在使用Java做背景時候,都會做到登入的頁面,但是自己的頁面太難看了,要置中沒置中,要顏色沒顏色,但是無論是怎麼樣都得使登入的框置中吧!以前的想法是通過CSS+Div使div置中,但是現在的想法變了,通過JavaScript可以簡單的使Div在頁面上置中,隨著網頁大小的改變做出相應的改變。而且只要明白了置中的原理輕而易舉就可以實現了。 先看一下置中的原理吧! 先看一張圖。

javascript動態添加樣式(行內式/嵌入式/外鏈式等規則)

添加CSS的方式有行內式、嵌入式、外鏈式、匯入式 a)動態引入樣式表檔案: 複製代碼 代碼如下:function loadLink(url){ var link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = url; var head = document.getElmentsByTagName("head")[0]; head.appendChild(

通過javascript擷取iframe裡的值範例程式碼

複製代碼 代碼如下:<script type="text/javascript" language="javascript"> function CCCC(){ var File_NAME=""; var count=0; if(document.frames("myFrame").document.all.length){ for(var i=0;i<document.all.length;i++){

javascript實現焦點滾動圖效果 具體方法

前台代碼:複製代碼 代碼如下:<div class="sub_box">                         <div id="p-select" class="sub_nav">                             <div class="sub_no" id="bd1lfsj">                                 <ul>                               

javascript中的綁定與解除綁定函數應用樣本

Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文檔節點、document、window 或 XMLHttpRequest。 type: 字串,事件名稱,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :實現了 EventListener 介面或者是 JavaScript 中的函數。 useCapture

JavaScript中的this關鍵字介紹與使用執行個體

當建立一個類的時候,如果希望下面new出來的每個類都擁有一些通用的變數或者其他的函數,這個this關鍵字這是最好的方式。當然,既然是物件導向的語言,必然存在存取權限的問題,這裡也和this關鍵字息息相關。下面我們來示範一個例子來說明一下這個類的存取權限的問題.複製代碼 代碼如下://Person類     function Person(){     var name="abc";//var聲明的都是類內部的私人變數,外部無法訪問      var age = 20;    

javascript setTimeout和setInterval計時的區別詳解

setTimeout方法是定時程式,也就是在什麼時間以後幹什麼。幹完了就拉倒。setInterval方法則是表示間隔一定時間反覆執行某操作。如果用setTimeout實現setInerval的功能,就需要在執行的程式中再定時調用自己才行。如果要清除計數器需要 根據使用的方法不同,調用不同的清除方法:例如:(1):複製代碼 代碼如下:t=setTimeout('northsnow()',1000);clearTimeout(t);(2):t=setInterval('northsnow()',10

無縫滾動js代碼通俗易懂(自寫)

複製代碼 代碼如下:<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <style> *{padding:0; margin:0;} ul{ list-style:none;} #div{ width:300px; height:100px; margin:100px auto; border:1px solid #

總頁數: 3314 1 .... 148 149 150 151 152 .... 3314 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。