Javascript核心讀書有感之語言核心_基礎(chǔ)知識

一：javascript語言核心

本章之后，我們將主要關(guān)注javascript的基礎(chǔ)知識。第二章我們講解javascript的注釋，分號和unicode字符集；第三章會更有意思，主要講解javascript的變量和賦值

這里有一些實(shí)例代碼說明前兩章的重點(diǎn)內(nèi)容。

代碼如下:

第11章主要護(hù)額石膏javascript的語言核心的子集和超集。

在進(jìn)入客戶端的javascript的內(nèi)容之前，第12章我們只要介紹兩種在web之外的javascript運(yùn)行環(huán)境。

2.客戶端javascript

javascript語言核心部分的內(nèi)容知識點(diǎn)交叉引用比較多，且知識層次感不分明。在客戶端javascript的內(nèi)容編排有了很大的改變。依照本章學(xué)習(xí)，完全可以在web瀏覽器中使用javascript。（但你如果想通過閱讀本書學(xué)習(xí)javascript的話，不能只將眼光放在第二部分） 第13章是第二部分的第一章，該章介紹如何讓javascript在web瀏覽器中運(yùn)行起來。 第14章講解到web瀏覽器腳本技術(shù)，并涵蓋客戶端javascirpt的一席重要的全局函數(shù)。

例如：

代碼如下:
function moveon() {
//通過對話框詢問一個問題
var answer = confirm("準(zhǔn)備好了嗎？");
//單擊確定，瀏覽器會加載一個新的頁面
if (answer) window.location = "http://www.baidu.com";
}
//在1分鐘(60000毫秒后執(zhí)行這個函數(shù))
setTimeout(moveon,300);

第十五章會講述javascript如何操縱html樣式定義內(nèi)容的展示方式.第十五章的內(nèi)容將更加務(wù)實(shí)，通過腳本操作html文檔內(nèi)容，它將展示如何選取特定的網(wǎng)頁元素，如何給html元素設(shè)置屬性，如果修改元素的內(nèi)容，以及如何給文檔添加新的節(jié)點(diǎn)

以下實(shí)例函數(shù)展示了如果查找和修改基本的文章內(nèi)容

代碼如下:
//在document中的一個指定信息的區(qū)域樹超調(diào)試信息
//如果document上不存在這個元素，則創(chuàng)建一個
function debug(msg) {
//通過查看html元素的 id屬性來查找文檔的調(diào)試部分
var log = document.getElementById("debuglog");

//如果元素不存在，則創(chuàng)建一個
if (!log) {
log = document.createElement("div"); //創(chuàng)建一個新的div元素
log.id = "debuglog"; //為在各方元素的id賦值
log.innerHTML = "

Debug Log

中，并添加到log中

 var pre = document.createElement("pre"); //創(chuàng)建pre元素

 var text = document.createElement(msg); //將msg包含在一個文本節(jié)點(diǎn)上

 pre.appendChild(text); //文本添加到pre

 log.appendChild(pre); //pre添加到log

 }


在第十六章會講到如何使用javascript操作元素，這通常會使用到元素的style和class屬性
 代碼如下:

function hide(e, reflow) { //通過jvascript操縱元素和隱藏元素e

 if (reflow) { //如果第二個參數(shù)為true

 e.style.display = "none" //隱藏這個元素，其占用的空間也銷售

 } else {

 e.style.visibility = "hidden"; //將e隱藏，保留其占用的空間

 }

 }
 function highlight(e) { //通過設(shè)置css來高亮顯示e

 if (!e.className) e.className = "highcss";

 else

 e.className += "highcss";

 }


可以通過javascript來控制元素的內(nèi)容和css樣式，同樣也可以通過事件處理程序(event handler)來定義文檔行為，事件處理辰星是一個在瀏覽器中心注冊的javascript函數(shù)，當(dāng)特定的事件發(fā)生時瀏覽器便可以調(diào)用這個函數(shù)。

通常我們關(guān)注的事件類型是鼠標(biāo)點(diǎn)擊和鍵盤按鍵事件（智能手機(jī)為各種觸碰事件）?；蛘哒f當(dāng)瀏覽器完成文檔的加載，當(dāng)用戶改變窗口的大小或當(dāng)用戶向表單中輸入數(shù)據(jù)時便會觸發(fā)一個人事件。


第17章會詳細(xì)描述如何定義，注冊時間處理程序，以及在事件發(fā)生時瀏覽器是如何調(diào)用他們的。


自定義事件處理程序最簡單的方法，給html的以on為前綴的屬性綁定一個回調(diào)，當(dāng)寫一些簡單的程序測試時，最實(shí)用的方法就是給“onclick”處理程序綁定回調(diào)。假設(shè)以上將上文的debug()和hide()這個函數(shù)保存至debug.js和hide.js的文件中，那么就可以簡單些一個html測試文件，來給onclick的屬性指定一個事件處理程序。如下
 代碼如下:

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com