您好,登錄后才能下訂單哦!
本文實例講述了Javascript 類型轉換、封閉函數及常見內置對象。分享給大家供大家參考,具體如下:
Javascript組成
1、ECMAscript javascript的語法(變量、函數、循環語句等語法)
2、DOM 文檔對象模型 操作html和css的方法
3、BOM 瀏覽器對象模型 操作瀏覽器的一些方法
類型轉換
1、直接轉換 parseInt() 與 parseFloat()
alert('12'+7); //彈出127 alert( parseInt('12') + 7 ); //彈出19 alert( parseInt(5.6)); // 彈出5 alert('5.6'+2.3); // 彈出5.62.3 alert(parseFloat('5.6')+2.3); // 彈出7.8999999999999995 alert(0.1+0.2); //彈出 0.3000000000000004 alert((0.1*100+0.2*100)/100); //彈出0.3 alert((parseFloat('5.6')*100+2.3*100)/100); //彈出7.9
2、隱式轉換 “==” 和 “-”
if('3'==3) { alert('相等'); } // 彈出'相等' alert('10'-3); // 彈出7
3、NaN 和 isNaN
alert( parseInt('123abc') ); // 彈出123 alert( parseInt('abc123') ); // 彈出NaN
調試程序的方法
1、alert
2、console.log
3、document.title
變量作用域
變量作用域指的是變量的作用范圍,javascript中的變量分為全局變量和局部變量。
1、全局變量:在函數之外定義的變量,為整個頁面公用,函數內部外部都可以訪問。
2、局部變量:在函數內部定義的變量,只能在定義該變量的函數內部訪問,外部無法訪問。
<script type="text/javascript"> //全局變量 var a = 12; function myalert() { //局部變量 var b = 23; alert(a); alert(b); } myalert(); //彈出12和23 alert(a); //彈出12 alert(b); //出錯 </script>
封閉函數
封閉函數是javascript中匿名函數的另外一種寫法,創建一個一開始就執行而不用命名的函數。
一般定義的函數和執行函數:
function myalert(){ alert('hello!'); }; myalert();
封閉函數:
(function myalert(){ alert('hello!'); })();
還可以在函數定義前加上“~”和“!”等符號來定義匿名函數
!function myalert(){ alert('hello!'); }()
封閉函數的好處
封閉函數可以創造一個獨立的空間,在封閉函數內定義的變量和函數不會影響外部同名的函數和變量,可以避免命名沖突,在頁面上引入多個js文件時,用這種方式添加js文件比較安全,比如:
var iNum01 = 12; function myalert(){ alert('hello!'); } (function(){ var iNum01 = 24; function myalert(){ alert('hello!world'); } alert(iNum01); myalert() })() alert(iNum01); myalert();
常用內置對象
1、document
document.getElementById //通過id獲取元素 document.getElementsByTagName //通過標簽名獲取元素 document.referrer //獲取上一個跳轉頁面的地址(需要服務器環境)
2、location
window.location.href //獲取或者重定url地址 window.location.search //獲取地址參數部分 window.location.hash //獲取頁面錨點或者叫哈希值
3、Math、
Math.random 獲取0-1的隨機數 Math.floor 向下取整 Math.ceil 向上取整
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。