javascript的知識(shí)點(diǎn)

2019-11-11 04:53:38

字體：大中小

供稿：網(wǎng)友

一、了解javascript

Javascript的翻轉(zhuǎn)器技術(shù)(rollover)。 1.1、Javascript的三個(gè)不能： 1. JavaScript 不允許寫服務(wù)器機(jī)器上的文件。 2. JavaScript 不能關(guān)閉不是由它自己打開(kāi)的窗口。這是為了避免一個(gè)站點(diǎn)關(guān)閉其他任何站點(diǎn)的窗口，從而獨(dú)占瀏覽器。 3. JavaScript 不能從來(lái)自另一個(gè)服務(wù)器的已經(jīng)打開(kāi)的網(wǎng)頁(yè)中讀取信息。 1.2、Ajax 是一種創(chuàng)建交互式Web 應(yīng)用程序的方式 1.3DOM（Document Object Model）：用來(lái)表示文檔中對(duì)象的標(biāo)準(zhǔn)模型。 1.4處理事件：事件（event）是用戶在訪問(wèn)頁(yè)面時(shí)執(zhí)行的操作。提交表單和在圖像上移動(dòng)鼠標(biāo)就是兩種事件。這里寫圖片描述 1.5結(jié)構(gòu)、表現(xiàn)、行為： HTML：包含頁(yè)面的內(nèi)容和結(jié)構(gòu)；CSS：控制頁(yè)面的外觀和表現(xiàn)；JavaScript：控制頁(yè)面的行為。

表示塊級(jí)的，有行的分級(jí)；表示行內(nèi)的。1.6使用外部腳本：<!DOCTYPE html><html><head><title>My second script</title><script src="script02.js"></script></head><body><h1 id="helloMessage"></h1></body></html>

1.7第一個(gè)javascript的程序：

<html><head><title>Barely a script at all</title><script>//getElementById ：就是通過(guò)ID來(lái)設(shè)置/返回HTML標(biāo)簽的屬性及調(diào)用其事件與方法。用這個(gè)方法基本上可以控制頁(yè)面所有標(biāo)簽，條件很簡(jiǎn)單就是給每個(gè)標(biāo)簽分配一個(gè)ID號(hào)//innerHTML 屬性設(shè)置或返回表格行的開(kāi)始和結(jié)束標(biāo)簽之間的 HTMLwindow.onload = function() {document.getElementById ("myMessage").innerHTML = "Hello, Cleveland!";}</script></head><body><h1 id="myMessage"></h1></body></html>

二、處理圖像：

這里寫圖片描述翻轉(zhuǎn)器（rollover）：替換（replacement）圖像，這樣就產(chǎn)生了運(yùn)動(dòng)或動(dòng)畫效果 css片段：

body {background-color: #FFF;}img {border-width: 0;}img#arrow, img#arrowImg {width: 147px;height: 82px;}#button1, #button2 {width: 113px;height: 33px;}.centered {text-align: center;}#adBanner {width: 400px;height: 75px;}

顯示簡(jiǎn)單的翻轉(zhuǎn)器：

<!DOCTYPE html><html><head><title>A Simple Rollover</title><link rel="stylesheet" href="script01.css"><!-鏈接首先指定當(dāng)用戶單擊圖像時(shí)，瀏覽器將轉(zhuǎn)到哪里--></head><body><a href="next.html" onmouSEOver="document.images['arrow'].src='images/arrow_on.gif'" onmouseout=?"document.images['arrow'].src='images/arrow_off.gif'"><img src="images/arrow_off.gif" id="arrow"?alt="arrow"></a></body></html>

構(gòu)建更有用的翻轉(zhuǎn)器

<!DOCTYPE html><html><head><title>A Simple Rollover</title><script src="script02.js"></script><link rel="stylesheet" href="script01.css"><!-鏈接首先指定當(dāng)用戶單擊圖像時(shí)，瀏覽器將轉(zhuǎn)到哪里--></head><body><a href="next1.html"><img src="images/button1_off.gif" alt="button1" id="button1"></a>  <a href="next2.html"><img src="images/button2_off.gif" alt="button2" id="button2"></a></body></html>

js代碼

window.onload = rolloverInit;function rolloverInit() {for (var i=0; i<document.images.length;i++) {if (document.images[i].parentNode.tagName == "A") { /*第一部分document.images[i]是當(dāng)前的圖像。它的parentNode屬性是包圍它的容器標(biāo)簽，而tagName 提供容器標(biāo)簽的名稱。所以，圓括號(hào)中代碼的意思是：“對(duì)于這個(gè)特定的圖像，包圍它的標(biāo)簽是A 嗎？”*/setuPRollover(document.images[i]);}}}function setupRollover(thisImage) {thisImage.outImage = new Image();thisImage.outImage.src = thisImage.src;thisImage.onmouseout = function() {this.src = this.outImage.src;}thisImage.overImage = new Image();thisImage.overImage.src = "images/" + thisImage.id + "_on.gif";thisImage.onmouseover = function() {this.src = this.overImage.src;}}

三、窗口與框架

1.1框架這里寫圖片描述

四、javascript和cookie

Web 術(shù)語(yǔ)中，cookie 是一小段信息，當(dāng)用戶第一次訪問(wèn)Web 服務(wù)器時(shí)，服務(wù)器將這些信息發(fā)送給瀏覽器。這個(gè)用戶以后每次訪問(wèn)這個(gè)Web 站點(diǎn)時(shí)，Web 服務(wù)器可以通過(guò)cookie 識(shí)別這個(gè)用戶。遠(yuǎn)程服務(wù)器保存cookie 的一部分，其中包含關(guān)于訪問(wèn)者的信息；瀏覽器將cookie 作為純文本文件保存在計(jì)算機(jī)硬盤上。 cookie 技術(shù)背后的本質(zhì)是“識(shí)別”。 cookie 不能實(shí)現(xiàn)哪些操作:

1. 無(wú)法獲得關(guān)于用戶的任何真實(shí)信息，比如他們的電子郵件地址； 2. 無(wú)法使用cookie 查看用戶硬盤上的內(nèi)容； 3. cookie也無(wú)法傳輸計(jì)算機(jī)病毒。

上一篇：JavaScript 函數(shù)式編程

下一篇：JavaScript: Passing by Value or by Reference