谷歌瀏覽器調(diào)試jsp 引入代碼片段，如何調(diào)試

先我們使用chrome瀏覽器打開我們需要調(diào)試的頁(yè)面并按“F12”鍵打開“開發(fā)者工具”，如下圖：

目前創(chuàng)新互聯(lián)建站已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、五原網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

然后選擇“開發(fā)者工具”中的“Sources”選項(xiàng)，如下圖：

然后點(diǎn)擊左面的選項(xiàng)打開需要調(diào)試的JavaScript代碼文件如下圖：

此時(shí)在右面就出現(xiàn)了我們需要調(diào)試的JavaScript代碼如下圖：

然后我們就可以在代碼左側(cè)的“行數(shù)”上點(diǎn)擊鼠標(biāo)左鍵添加斷點(diǎn)或者再次點(diǎn)擊取消斷點(diǎn)，如下圖

此時(shí)我們便可以使JavaScript代碼分步執(zhí)行，使我們能清楚的看清每一行代碼的作用和整段代碼的執(zhí)行流程，點(diǎn)擊“paused in debugger”按鈕執(zhí)行下一步，從中也可以看到每行代碼的賦值情況等，如下圖：

JS如何實(shí)現(xiàn)分步調(diào)用函數(shù)？

這種需求,優(yōu)先考慮Ajax了.使用Ajax提交查詢請(qǐng)求,然后判斷請(qǐng)求狀態(tài),在status為200的時(shí)候獲得responseText寫到頁(yè)面即可.這里有個(gè)例子,不是查詢數(shù)據(jù)庫(kù)的,是請(qǐng)求別的網(wǎng)站的內(nèi)容的,你可以參考一下. 隨便寫的,支持IE瀏覽器,不支持其他瀏覽器.有關(guān)兼容和請(qǐng)求方法(get or post)的不同寫法,你可以查Google找到相關(guān)答案. !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

html

head

title 新文檔 /title

meta name="Generator" content="EditPlus 3"

meta name="Author" content="Unicorn"

meta name="Description" content=""

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

meta http-equiv="Pragma" content="no-cache"

/head

body

div style="border: 1px outset #000000; width: 400px; height: 400px; text-align: center; "

/div

script language="javascript"

var d = document.getElementsByTagName('DIV')[0];

var ajax = new ActiveXObject('Microsoft.XMLHTTP');

ajax.open('post', ' ', true);

ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

ajax.onreadystatechange = function () {

if (ajax.readyState == 4) {

if (ajax.status == 200 || ajax.status == 0) {

alert(ajax.responseText);

d.innerHTML = ajax.responseText;

}

else {

d.innerHTML = '訪問(wèn)優(yōu)酷發(fā)生錯(cuò)誤,錯(cuò)誤狀態(tài)碼' + ajax.status;

}

}

else {

d.innerHTML = '正在連接優(yōu)酷門戶......';

}

}

ajax.send(null);

/script

/body

/html

javascript 下拉框優(yōu)化問(wèn)題

這么大的數(shù)據(jù)量，就建議不用select了。

可以分批建立div，寫入div中后，再由每個(gè)項(xiàng)目的onclick事件觸發(fā)將選擇的項(xiàng)目寫入一個(gè)隱藏input中input type="hidden" name="原select的name" 這樣的項(xiàng)目中。同樣能夠?qū)⑦x擇的值傳到form的action中。

這樣做的選擇體驗(yàn)要比select好多了。

分步加載的話，還是得看服務(wù)端的數(shù)據(jù)提供是怎么樣的機(jī)制，盡量是有分頁(yè)，要不請(qǐng)求仍然是一次請(qǐng)求所有數(shù)據(jù)，還是慢。

還有可以選用一些select插件，你可以百度一下：jquery select 插件

javascript如何寫16格拼圖游戲

很簡(jiǎn)單的嘛，分步走：

第一步 切圖 這個(gè)用background就能實(shí)現(xiàn)，就是把一張圖，在不同的格，利用背景的位置就行了，

并記錄圖片的順序，比如 01，02，03.。。16，也就是把你切好的圖作一個(gè)標(biāo)記

第二步：分格，把指定的區(qū)域也就是拼圖區(qū)。分成17分，16格是放圖片，有一格是空白。。

第三步：隨機(jī)把切好的圖 顯示到相應(yīng)的位置上

第四步：當(dāng)點(diǎn)擊非空白的格子的時(shí)候，判斷上下左右是否有空格，如果有，兩者替換位置。判斷當(dāng)前的順序是否跟記錄的順序一樣了。如果一相，圖拼好了。如果不一樣，重復(fù)