Javascript核心讀書有感之語言核心_基礎知識

一：javascript語言核心

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

這里有一些實例代碼說明前兩章的重點內容。

代碼如下:

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

在進入客戶端的javascript的內容之前，第12章我們只要介紹兩種在web之外的javascript運行環境。

2.客戶端javascript

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

例如：

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

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

以下實例函數展示了如果查找和修改基本的文章內容

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

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

Debug Log

中，并添加到log中

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

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

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

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

 }


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

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

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

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

 } else {

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

 }

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

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

 else

 e.className += "highcss";

 }


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

通常我們關注的事件類型是鼠標點擊和鍵盤按鍵事件（智能手機為各種觸碰事件）。或者說當瀏覽器完成文檔的加載，當用戶改變窗口的大小或當用戶向表單中輸入數據時便會觸發一個人事件。


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


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

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