JavaScript

1.html代碼<div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div>2.引入外部js檔案<script src="QRCode.js"></script>3.方法調用var qrcode = new QRCode(document.getElementById("qrcode"), {width : 200

在實際應用中，

最終效果如下圖-2，有bug：就是整數後點擊%號結果正確，如果小數後面點擊%的話結果就錯誤！其他都正常，求指點：input的value是string類型的，在JS中改如何正確處理下圖-1中的if部分？？圖-1圖-2HTML代碼如下<body><div id="calculator"> <div class="LOGO"> <span class="name">簡單的計算機</span> <span

瀏覽器安全色性問題是在實際開發中容易忽略而又最重要的一部分。我們在講老版本瀏覽器安全色問題之前，首先要瞭解什麼是能力檢測，它是來檢測瀏覽器有沒有這種能力，即判斷當前瀏覽器是否支援要調用的屬性或者方法。下面做了一些簡短的介紹。1、innerText 和 innerContent1）innerText 和 innerContent 的作用相同2）innerText IE8之前的瀏覽器支援3）innerContent 老版本的Firefox支援4）新版本的瀏覽器兩種方式都支援1 //

定義和用法constructor 屬性返回對建立此對象的數組函數的引用。文法object.constructorconstructor,建構函式，對這個名字，我們都不陌生，constructor始終指向建立當前對象的建構函式。這裡有一點需要注意的是，每個函數都有一個prototype屬性，這個prototype的constructor指向這個函數，這個時候我們修改這個函數的prototype時,就發生了意外。如function Person(name,age){this.name = name;

通過網上的資料，加上自己的整理，寫了一份html搖一搖功能的簡介，用做技術備份。知識要點 1、DeviceMotionEvent    這是html5支援的重力感應事件，關於文檔請看：http://w3c.github.io/deviceorientation/spec-source-orientation.html事件介紹：deviceorientation 提供裝置的物理方向資訊，表示為一系列本地座標系的旋角。devicemotion

Mutable 對象在 JavaScript 中，對象是參考型別的資料，其優點在於頻繁的修改對象時都是在原對象的基礎上修改，並不需要重新建立，這樣可以有效利用記憶體，不會造成記憶體空間的浪費，對象的這種特性可以稱之為 Mutable，中文的字面意思是「可變」。對於 Mutable

本文執行個體為大家分享了HTML5 Canvas實現的一個畫板代碼，供大家參考，具體內容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>DEMO6：自訂畫板</title></head><body><canvas id="canvas" width="600" height="300">

最近這段時間因為每天要修改網站，為網站做特效，所以看了很多的js接觸事件，自己只會使用一小部分，有時用的時候也比較混亂，現在系統的整理了一下，特此分享到雲棲社區平台供大家參考下！一、什麼是JavaScript事件？事件(Event)是JavaScript應用跳動的心臟，也是把所有東西粘在一起的膠水，當我們與瀏覽器中Web頁面進行某些類型的互動時，事件就發生了。事件可能是使用者在某些內容上的點擊、滑鼠經過某個特定元素或按下鍵盤上的某些按鍵，事件還可能是Web瀏覽器中發生的事情，比如說某個Web頁面

1. 每一個JavaScript函數都是Function對象的一個執行個體, 它有一個僅供JavaScript引擎存取的內部屬性[[Scope]]. 這個[[Scope]]儲存著一個範圍的集合, 這個集合就叫”範圍鏈”, 集合中儲存著”可變對象”VO或”使用中的物件”AO(AO比VO多this和arguments屬性).2. 當函數被建立後, 其父級範圍的範圍鏈中的所有可變對象會被加入到它的[[scope]]中(如果父範圍是全域, 那麼當前函數的範圍鏈中就只會加入一個全域對象).3.

事件綁定的3中常用方法：傳統綁定、W3CBinder 方法、IEBinder 方法。但是，在實際開發中對於我們來講重要的是需要一個通用的、跨瀏覽器的Binder 方法。如果我們在互連網上搜尋一下會發現許多方法，以下是比較知名的幾種方法：在開始學期下面幾種方法之前，應當討論一下，一個好的addEvent()方法應當達到哪些要求：　　 a、支援同一元素的同一事件控制代碼可以綁定多個監聽函數；　　 b、如果在同一元素的同一事件控制代碼上多次註冊同一函數，那麼第一次註冊後的所有註冊都被忽略；　　

下面都是我學習W3C School教程中有關JavaScript寫的學習筆記，每個方法我都親身測試過，每個方法的用途和參數列表，我都是在經過我親身實踐後加上了我自己的一點理解，解釋的還算比較詳細。現記錄下來，以便查閱：javascript之Array類：建立js數組兩種方式：var arr = [];  或var arr = new

load事件<script type="text/javascript"> $('img').onload = function() { //code }</script>優點：簡單易用，不影響HTML代碼。缺點：只能指定一個元素，javascipt代碼必須置於圖片元素的下方jquery方法<script type="text/javascript">$(function(){ $('.pic1').each(function() {

淺析javascript非同步執行函數導致的變數變化問題解決思路for(var i=0;i<3;i++){ setTimeout(function(){ console.log(i) },0);}控制台輸出：333這是因為執行方法的時候for迴圈已經執行完成每次執行的時候取得都是3 而不是1-2-3這時我們可以使用立即執行函數為每一次迴圈建立一個變數副本來供定時器調用解決這個問題for (var i = 0; i < 3; i++) { setTimeout(

一、原廠模式function person (name,age) { var p=new Object(); p.name=name; p.age=age; p.showMessage=function(){ console.log("name:"+this.name+" age:"+this.age); } return p;}var p1=person("k1",28);var

資料共用和資料傳遞是相輔相成的，我們一起來討論這個問題。首先要說的是共用和傳遞都是有範圍的。範圍就是起作用的地區，在同一個範圍資料可以共用，超過這個範圍就是跨範圍，就得用到資料傳遞了。範圍1.ui範圍每一個ui檔案預設都有對應的ui.js。他們作為一個閉合的範圍。ui.js雷根據ui檔案裡組件的id來擷取ui對象;不同的ui檔案可以定義相同id的組件。在ui.js裡定義的變數只能在這個js裡訪問。2.page範圍每次調用openPage都會開啟一個新的page，這個新的page會蓋在舊的page

JavaScript 有個 with 關鍵字, with 語句的原本用意是為逐級的對象訪問提供命名空間式的速寫方式. 也就是在指定的代碼地區, 直接通過節點名稱調用對象.with語句的作用是暫時改變範圍鏈、減少的重複輸入。其文法結構為： with(object){ //statements } 舉一個實際例子吧： with(document.forms[]){ name.value = "lee king"; address.value = "Peking"; zipcode.value = "

1.斷點調試是啥？難不難？斷點調試其實並不是多麼複雜的一件事，簡單的理解無外呼就是開啟瀏覽器，開啟sources找到js檔案，在行號上點一下罷了。操作起來似乎很簡單，其實很多人糾結的是，是在哪裡打斷點？（我們先看一個斷點截圖，以chrome瀏覽器的斷點為例）步驟記住沒？用chrome瀏覽器開啟頁面 → 按f12開啟開發人員工具 → 開啟Sources → 開啟你要調試的js代碼檔案 →

在實際應用中，我們很多時候都可能需要去除數組中的重複元素，下面就是javascript數組去重的方法實現：<script language="javascript"><!--/*判斷數組中是否存在某個元素的方法*/function isExistInArr(_array, _element){if(!_array || !_element) return false;if(!_array.length){return (_array == _element);}for(var

數組去重複是一個常見的需求，我們暫時考慮同類型的數組去重複。主要是理清思路和考慮下效能。以下方法，網上基本都有，這裡只是簡單地總結一下。思路：1.遍曆數組，一一比較，比較到相同的就刪除後面的2.遍曆數組，一一比較，比較到相同的，跳過前面重複的，不相同的放入新數組3.任取一個數組元素放入新數組，遍曆剩下的數組元素任取一個，與新數組的元素一一比較，如果有不同的，放入新數組。4.遍曆數組，取一個元素，作為對象的屬性，判斷屬性是否存在1. 刪除後面重複的：function ov1(arr){