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

複製代碼 代碼如下:var obj = document.getElementById("testSelect"); //定位idvar index = obj.selectedIndex; // 選中索引var text = obj.options[index].text; // 選中文本var value = obj.options[index].value; // 選中值jQuery中獲得選中select值第一種方式複製代碼 代碼如下:$('#testSelect

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

通過Object建構函式或對象字面量建立對象時，使用同一個介面建立很多個物件時，會產生大量的重複代碼。為了簡化，引入了原廠模式。原廠模式function createPerson(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHello(){ alert(this.name); }; return obj;}var p1 =

事件(Event)是JavaScript應用跳動的心臟 ，也是把所有東西粘在一起的膠水。當我們與瀏覽器中 Web 頁面進行某些類型的互動時，事件就發生了。事件可能是使用者在某些內容上的點擊、滑鼠經過某個特定元素或按下鍵盤上的某些按鍵。事件還可能是 網頁瀏覽器中發生的事情，比如說某個 Web 頁面載入完成，或者是使用者滾動視窗或改變視窗大小。通過使用 JavaScript ，你可以監聽特定事件的發生，並規定讓某些事件發生以對這些事件做出響應。一、添加事件監聽IE:複製代碼

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

簡介使用FileReader對象,web應用程式可以非同步讀取儲存在使用者電腦上的檔案(或者未經處理資料緩衝)內容,可以使用File對象或者Blob對象來指定所要處理的檔案或資料.其中File對象可以是來自使用者在一個<input type="text" />元素上選擇檔案後返回的FileList對象,也可以來自拖放操作產生的

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

當使用者點擊”統計“按鈕時，在視窗中彈出文字框中出現次數最多的字元並顯示其出現的次數點擊統計按鈕時效果如圖所示：實現代碼：<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> &

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

在頁面中的連結除了常規的方式以外，如果使用javascript，還有很多種方式，下面是一些使用javascript，開啟連結的幾種方式：1.使用window的open方法開啟連結，這裡可是在制定頁面中開啟連結，也可以定製開啟頁面的尺寸等等。<a href=”javascript:window.open(‘http://www.jb51.net','_self') “> open a link

在Javascript中經常會遇到字串的問題，但是如果要拼接的字串過長就比較麻煩了。如果是在一行的，可讀性差不說，如果要換行的，會直接報錯。在此介紹幾種Javascript拼接字串的技巧.字串相加(+)var items = '<li class="details">' + '<span>Hello world</span>' + '</li>'; 利用反斜線拼接字串var items = '<li

相關閱讀：JavaScript事件學習小結(五）js中事件類型之滑鼠事件

string和number booleanjavascript 類型會根據賦值的進行轉成相應的類型。var str = "";alert(typeof (str));//stringstr = ;alert(typeof (str));//numbervar sum = str + ; //+編程兩個數字相加alert(sum);// 　　 這一種比較明顯，一眼就可以計算出其值。但是請看下面這種轉換var sum = "" + "";alert(typeof (sum));

前端開發人員手冊，開發人員手冊這是任何人都可以用來學習前端的實踐手冊, 它概述並討論了前端工程的實踐: 該如何學習以及實踐時該使用什麼工具.撰寫該手冊的目的有兩個: 一是為潛在以及正在實踐的前端開發人員提供一個包括學習資料和開發工具的專業資源; 二是該手冊可以被管理者, CTO, 講師和獵頭用來作為洞察前端開發的實踐.該手冊的內容支援Web技術(HTML, CSS, DOM, 和 JavaScript), 並且手冊提供的解決方案都直接建立在這些開放的技術之上.