扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
先我们使用chrome浏览器打开我们需要调试的页面并按“F12”键打开“开发者工具”,如下图:
目前创新互联建站已为数千家的企业提供了网站建设、域名、网页空间、网站改版维护、企业网站设计、五原网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
然后选择“开发者工具”中的“Sources”选项,如下图:
然后点击左面的选项打开需要调试的JavaScript代码文件如下图:
此时在右面就出现了我们需要调试的JavaScript代码如下图:
然后我们就可以在代码左侧的“行数”上点击鼠标左键添加断点或者再次点击取消断点,如下图
此时我们便可以使JavaScript代码分步执行,使我们能清楚的看清每一行代码的作用和整段代码的执行流程,点击“paused in debugger”按钮执行下一步,从中也可以看到每行代码的赋值情况等,如下图:
这种需求,优先考虑Ajax了.使用Ajax提交查询请求,然后判断请求状态,在status为200的时候获得responseText写到页面即可.这里有个例子,不是查询数据库的,是请求别的网站的内容的,你可以参考一下. 随便写的,支持IE浏览器,不支持其他浏览器.有关兼容和请求方法(get or post)的不同写法,你可以查Google找到相关答案. !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 = '访问优酷发生错误,错误状态码' + ajax.status;
}
}
else {
d.innerHTML = '正在连接优酷门户......';
}
}
ajax.send(null);
/script
/body
/html
这么大的数据量,就建议不用select了。
可以分批建立div,写入div中后,再由每个项目的onclick事件触发将选择的项目写入一个隐藏input中input type="hidden" name="原select的name" 这样的项目中。同样能够将选择的值传到form的action中。
这样做的选择体验要比select好多了。
分步加载的话,还是得看服务端的数据提供是怎么样的机制,尽量是有分页,要不请求仍然是一次请求所有数据,还是慢。
还有可以选用一些select插件,你可以百度一下:jquery select 插件
很简单的嘛,分步走:
第一步 切图 这个用background就能实现,就是把一张图,在不同的格,利用背景的位置就行了,
并记录图片的顺序,比如 01,02,03.。。16,也就是把你切好的图作一个标记
第二步:分格,把指定的区域也就是拼图区。分成17分,16格是放图片,有一格是空白。。
第三步:随机把切好的图 显示到相应的位置上
第四步:当点击非空白的格子的时候,判断上下左右是否有空格,如果有,两者替换位置。判断当前的顺序是否跟记录的顺序一样了。如果一相,图拼好了。如果不一样,重复
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流