怎樣獲得點擊網(wǎng)頁某處時觸發(fā)JavaScript的代碼？（有實例）

用chrome瀏覽器事件監(jiān)聽勾上click然后單擊按鈕，就會自動斷點到即將執(zhí)行的代碼上，并且可以調(diào)試

創(chuàng)新互聯(lián)建站是一家專業(yè)提供加查企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5響應式網(wǎng)站、小程序制作等業(yè)務。10年已為加查眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。

chrome F12 打開調(diào)試界面后, 點擊 Sources 頁面. 右邊就可以設(shè)置斷點,單步調(diào)試. 例如可以選擇右邊Event Listener Breakpoints 選項,選中 mouse 里面的 click 或其他事件. 這樣你點擊頁面上的按鈕 就會觸發(fā)斷點,js會停在你點擊的事件位置上.

怎么自學前端？

自學方法：

1、作為一個初學者，你必須明確系統(tǒng)的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對于web前端還沒有任何概念的時候，需要一個人領(lǐng)進門，之后就都靠自己鉆研，第一步就是確定web前端都需要哪些內(nèi)容，并且在多少時間內(nèi)學完，建議時間6個月保底。

2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最后的結(jié)果是什么？看來看去什么都不會寫，所以在這里給大家提醒，書可以看，但是是在建立于你已經(jīng)對于某個知識點有了具體操作的執(zhí)行后，在用書去鞏固概念，這樣更加利于你對于知識的理解。

3、對于學習技術(shù)來講，掌握一個學習方法是非常重要的，其實對于學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成“方法不對，努力白費”。其實關(guān)于這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經(jīng)驗，一定要聽。根據(jù)每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。

4、不建議自己一個人瞎學，在我了解學習編程的這些人來看，從零基礎(chǔ)開始學并且最后成功做這份工作的其實并沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是干什么的，學什么的，就盲目的買書看，到處找視頻看，最后看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經(jīng)驗的人請教一下，聊過之后你就會知道web前端具體是干什么的，該怎么學，這是我個人的小建議，可以不采納。

自學路線：

第1階段：前端頁面重構(gòu)(4周)

內(nèi)容包含了：(PC端網(wǎng)站布局項目、HTML5+CSS3基礎(chǔ)項目、WebApp頁面布局項目)

第2階段：JavaScript高級程序設(shè)計(5周)

內(nèi)容包含：(原生JavaScript交互功能開發(fā)項目、面向?qū)ο筮M階與ES5/ES6應用項目、JavaScript工具庫自主研發(fā)項目)

第3階段：PC端全棧項目開發(fā)(3周)

內(nèi)容包含：(jQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進階與PHP/JAVA開發(fā)項目、前端工程化與模塊化應用項目、PC端網(wǎng)站開發(fā)項目、PC端管理信息系統(tǒng)前端開發(fā)項目)

第4階段：移動端項目開發(fā)(6周)

內(nèi)容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發(fā)WebApp項目、應用Vue.js開發(fā)WebApp項目、應用React.js開發(fā)WebApp項目)

第5階段：混合(Hybrid,ReactNative)開發(fā)(1周)

內(nèi)容包含：(微信小程序開發(fā)、ReactNative、各類混合應用開發(fā))

第6階段：NodeJS全棧開發(fā)(1周)

內(nèi)容包括：(WebApp后端系統(tǒng)開發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫)

基礎(chǔ)書籍：

1、《Head First HTML與CSS(第2版)》，入門真的是經(jīng)典書籍，手把手教學，豐富的案例讓你從 0 開始學前端。

2、《CSS權(quán)威指南(第三版)》，這本書作為 CSS 的經(jīng)典著作，把原理講得非常的通透，除了 w3c 標準，算最權(quán)威的一本了，畢竟權(quán)威指南。

3、《CSS揭秘》神書，47 個 css 技巧讓你在面對各種 css 問題的時候游刃有余。是 css 書籍中評分最高的了，css 進階必備。

4、《javascript語言精粹》，這本書可以在入門之前了解一下基本語法，以及在學習之前可以了解下 JS 里面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復去讀的一本書。

5、《JavaScript DOM編程藝術(shù)(第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之后，通過幾個實例演示了專業(yè)水準的網(wǎng)頁開發(fā)技術(shù)，透徹闡述了平穩(wěn)退化等一批至關(guān)重要的 JavaScript編程原則和最佳實踐。

6、《JavaScript權(quán)威指南》：犀牛書是每個FE都繞不過的一本書，可以先大致通讀幾遍，也可以把其當作工具書，時時翻閱。

視頻教程:

網(wǎng)頁鏈接

望采納~

JavaScript 一個問題

function $(id) {

return document.getElementById(id);

}//用$替換document.getElementById函數(shù)

//顯示菜單函數(shù)：

//參數(shù)baseID：表示根節(jié)點ID

//參數(shù)divID：表示顯示子菜單ID

function showMenu (baseID, divID) {

baseID = $(baseID);//獲取根節(jié)點對象

divID = $(divID);//獲取子菜單對象

if (showMenu.timer) clearTimeout(showMenu.timer);//判斷showMenu是否包含定時器，存在即取消

hideCur();//調(diào)用隱藏當前子菜單函數(shù)

divID.style.display = 'block';//顯示子菜單divID

showMenu.cur = divID;//保存當前子菜單為divID

if (! divID.isCreate) {//判斷對象divID是否創(chuàng)建

divID.isCreate = true;//賦值給divID屬性isCreate

//divID.timer = 0;

divID.onmouseover = function () {//綁定divID的mouseover事件

if (showMenu.timer) clearTimeout(showMenu.timer);

hideCur();

divID.style.display = 'block';

};

function hide () {//隱藏函數(shù)

showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);//延遲1秒隱藏，已達到動畫效果

}

divID.onmouseout = hide;//綁定divID的mouseout事件

baseID.onmouseout = hide;//綁定baseID的mouseout事件

}

function hideCur () {//隱藏當前菜單

showMenu.cur (showMenu.cur.style.display = 'none');//判斷showMenu.cur是否為null，然后設(shè)置showMenu.cur.style.display = 'none'已達到隱藏showMenu.cur的效果

}

}

求JavaScript教程 最好是以實例為基礎(chǔ)去講解的

JavaScript權(quán)威指南（第四版）算是JavaScript最好的書了。

《JavaScript權(quán)威指南》全面介紹了JavaScript語言的核心，以及Web瀏覽器中實現(xiàn)的遺留和標準的DOM。它運用了一些復雜的例子，說明如何處理驗證表單數(shù)據(jù)、使用cookie、創(chuàng)建可移植的DHTML動畫等常見任務。本書還包括詳細的參考手冊，涵蓋了JavaScript的核心API、遺留的客戶端API和W3C標準DOM API，記述了這些API中的每一個JavaScript對象、方法、性質(zhì)、構(gòu)造函數(shù)、常量和事件處理程序。

網(wǎng)店價格(68.8元起...第一步分講得很清晰 很好 后面的參考手冊編排比較糟糕 尤其是第三、四、五部分 想快速查詢的東西真難

求一javascript實例教程和一ajax教程，www.307701227@qq.com重金答謝

這個網(wǎng)站是電驢的，你要的什么資源都有

還有樓上寫的教程里面都有 自己慢慢下吧

js展開 隱藏的div

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""

html xmlns=""

head

meta http-equiv="content-type" content="text/html; charset=utf-8"/

titleGoogle Maps API For Javascript 中文詳細實例教程 - 龍哥博客/title

!--導入Google Maps API庫文件。注意將本代碼中的API Key替換為前文申請到的API Key--

script src=";;v=2key=ABQIAAAAkfJ_nM22tLO39uEpH-ocqRS2fhPRFM_QZQikgTNtxk2J9bhjcBRSfHe6IizXr0kyTgxQWfyPnnXycA" type="text/javascript"/script

script type="text/javascript"

//![CDATA[

var map;

//創(chuàng)建一個自定義的GIcon

var myIcon= new GIcon();

//前景圖片

myIcon.image = "";

//陰影圖片

myIcon.shadow = "";

//前景圖片大小，長x寬

myIcon.iconSize = new GSize(12, 20);

//陰影圖片大小，長x寬

myIcon.shadowSize = new GSize(12, 20);

//以下兩個屬性很難解釋，讀者可自行調(diào)整其數(shù)值以便理解其意義

// myIcon錨定點相對于myIcon圖片左上角的像素距離

myIcon.iconAnchor = new GPoint(6, 10);

//信息窗口相對于myIcon圖片左上角的像素距離

//關(guān)于信息窗口會在以后介紹

myIcon.infoWindowAnchor = new GPoint(5, 1);

function load() {

if (GBrowserIsCompatible()) {

map = new GMap2(document.getElementById("map"));

map.setCenter(new GLatLng(38.155279578600705, 114.56915259361267), 11);

var customUI = map.getDefaultUI();

// Remove MapType.G_HYBRID_MAP

customUI.maptypes.hybrid = false;

map.setUI(customUI);

var geoPoint0= new GLatLng(38.155279578600705, 114.56915259361267);

var geoPoint1= new GLatLng(38.153137, 114.577274);//創(chuàng)建另一個地理坐標geoPoint1

map.setCenter(geoPoint0, 11);

var marker0 = new GMarker(geoPoint0, {title: "河北正定中學"});

var marker1 = new GMarker(geoPoint1,//創(chuàng)建自定義的GMarker

{icon: myIcon,

title: "聚會地點"});

map.addOverlay(marker0);

//顯示自定義了圖標的地標對象marker1

map.addOverlay(marker1);

}

}

//]]

var fg = 1;

function MapSW(){

if(fg==1)

{

document.getElementById("map").style.display="block";

document.getElementById("sw").innerHTML="隱藏";

fg = 0;

}

else

{

document.getElementById("map").style.display="none";

document.getElementById("sw").innerHTML="展開";

fg = 1;

}

}

/script

/head

!--加載時調(diào)用load()函數(shù)加載地圖，注意加上onunload="GUnload()"防止內(nèi)存泄露--

body onload="load()" onunload="GUnload()"

!--以下id為map的DIV元素即為Google地圖的容器--

span id="sw" style="cursor:pointer;" onclick="MapSW();"展開/span

div id="map" style="width: 650px; height: 350px; display:none;"/div

/body

/html

網(wǎng)站題目：包含javascript實例教程的詞條
文章來源：http://chinadenli.net/article27/dseggcj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、全網(wǎng)營銷推廣、網(wǎng)站內(nèi)鏈、云服務器、移動網(wǎng)站建設(shè)、網(wǎng)站導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)