一、javaScript
1、prompt方法
主要用处是:显示提示对话框。
用法:prompt(message,defaulttext)
message 是提示信息
defaulttext 是要输入的值。也可以不输入值,如果不输入值,则返回null。
2、事件的监听
ie中事件的监听及删除
object.attachEvent("onclick",functionName)
object.detachEvent("onclick",functionName)
DOM规范的浏览器如:firefox
object.addEventListener("click",functionName,false);
object.removeEventListener("click",functionName,false);
//第三个参数false表示的是采用冒泡型事件 true为捕获型事件
ie浏览器中事件对象是window对象的一个属性event
object.onclick = function(){
var oEvent = window.event;
}
DOM中规定event对象必须作为唯一参数传给事件处理函数
object.onclick = function(oEvent){
//...
}
为了兼容浏览器,通常采用如下方法:
object.onclick = function(oEvent){
if(window.event) oEvent = window.event;
}
3、错误调试
window.onerror事件
try{}catch(exception){}语句,例
try{
//...
}catch(exception){
var sError = "";
for(var i in exception){
sError += i + ":" + exception[i] + "\n";
}
}
4、调试器
firefox错误控制台
Microsoft Script Debugger
5、表单控制
textarea输入字符个数的控制:
<textarea name="comments" id="comments" cols="50" rows="5" maxlength="50"
onkeypress="return LessThan(this);"></textarea>
<script>
function LessThan(oTextArea){
return oTextArea.value.length < oTextArea.getAttribute("maxlength");
}
</script>
二、css
div标记不同行---整体进行换行
span标记同一行---行内标记
z-index 空间坐标
三、dom
1、访问节点
getElementsByTagName
getElementById
四、ajax
创建异步对象
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
}
建立请求
xmlHttp.open("GET",url,true)
第三个参数true表示异步交互
异步对象连接服务器
onreadystatechange事件
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState == 4&&xmlHttp.status==200)
//...
}
send()发送
xmlHttp.send(null);
GET提交方式send(null)、POST方式send(requestURL)
五、jquery
注:引用jquery.js的连接必须放在其他js以用的上面
**属性选择器,jquery使用了XPath中的惯例来标识属性,即将属性前置一个@符号并放在一对方括号中。
例如,要选择所有带title属性的链接,可以使用下面的代码:
$('a[@title]')
此外,方括号在XPath语法中还有另外一种用途,即在不带前置@符号的情况下,可以用来指定包含
在另一个元素中的元素。例如,可以通过下面的选择符表达式,去的包含一个ol元素的所有div元素:
$('div[ol]')
1、事件操作
1.1、this关键字在jquery中引用的是DOM对象,而不是jquery对象,所以可以使用原生的DOM属性
来确定被单击元素的ID,如:
$(document).ready(function(){
$('#switcher .button').bind('click',function(){
$('body').removeClass();
if(this.id == 'switcher-narrow'){
$('body').addClass('narrow');
}
});
});
1.2、简写事件方法
简写事件方法的原理与对应的.bind()调用相同,如:
$('#switcher .button').click(function(){
//...
})
1.3、复合事件
.toggle(fn, fn2, [fn3, fn4, ...])
每次点击后依次调用函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次
点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随
后的每次点击都重复对这几个函数的轮番调用。 可以使用unbind("click")来删除。
1.4、其他
冒泡型事件容易出现一些意外的错误,用如下的函数可以屏蔽这个问题:
通过.target可以确定DOM中首先接收到事件的元素(即实际被单击的元素)
$('#switcher .button').click(function(event){
if(event.target == this){
//...
}
})
.stopPropagation()可以完全阻止事件冒泡
$('#switcher .button').click(function(event){
//...
event..stopPropagation();
})
.preventDefault()可以终止默认操作,如表单enter按钮默认的submit事件。
对于只需要发生一次的事件用.one()函数;
模拟事件操作----.trigger()函数
$(document).ready(function(){
$('#switcher').trigger('click');//简写$('#switcher').click();
});
2、DOM操作
2.1、插入操作
.insertBefore()和.before()方法作用相同,但是在使用.before()方法时,(.insertAfter()和.after()相同),必须把选择器表
达式放在这个方法前面。如:
$('div.chapter p').after('<a href="#top">back to top</a>')
分享到:
相关推荐
最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家,需要了解的朋友可以参考下
jqueryPluginTemplateUsingClass 这是使用javascript类开发jQuery插件的模板。 捆绑了示例插件(日志记录),以帮助您了解如何在此处编写插件。
系统实现了对用户积分的实时更新、查询、统计和分析等功能,有助于商家更好地了解用户需求,提升客户满意度和忠诚度。 **主要功能特点:** 1. **用户身份验证**:系统提供登录和注册功能,确保只有合法用户才能...
请参阅以了解详细信息安装将此行添加到您的应用程序的Gemfile中: gem 'jquery_bbq_rails' 将以下指令添加到您的Javascript清单文件(application.js): //= require jquery_bbq版本控制jquery_b
茉莉花查询如何使用您需要在包含... 测试应该记录行为,所以如何更好地记录测试助手的行为,而不是编写一些测试来展示它是如何工作的! 谁想写: expect ( $ ( '.myThing' ) . hasClass ( 'active' ) ) . toBeTruthy
STAR TRAIL摄影里程碑项目3以数据为中心的发展里程碑项目单击以获取到实时网站的链接。 本网站仅用于教育目的。介绍《星迹摄影》是一种特殊的夜景摄影,具有一些技术... CRUD代表创建,读取,更新和删除记录。 这意味着
项目文档:该项目提供了详细的项目文档,包括需求分析、系统设计、数据库设计、接口文档等,方便开发者快速了解和上手项目。总之,该毕业设计项目提供了一个完整且实用的公司日常考勤系统,可以帮助公司更好地管理...
侧边工具栏除了基本和一些流程节点按钮外,还自定义新的节点按钮,自定义节点都可以有自有的图标、类型名称,定义后在使用可可在工作区内增加这些自定义节点。 ? 顶部栏可显示流程图数据组的标题,也可提供一些...
为了记录所学和所思,在这里按时间记录自己的作业和学习总结。 我PHP中文博客 前端学习收集的网址: MDN: 关于前端权威学习的地方 Codepen: 前端练习神器,可以分享前端代码,可以学习其它大神的前端代码,支持所有...
dynaTrace Ajax是一个详细的底层追踪工具,它不仅可以显示所有请求和文件在网络中传输的时间,还会记录浏览器Render、CPU消耗、JavaScript解析和运行情况等详细的信息,而这些也只是dynaTrace Ajax的冰山一角。...
侧边工具栏除了基本和一些流程节点按钮外,还自定义新的节点按钮,自定义节点都可以有自有的图标、类型名称,定义后在使用可可在工作区内增加这些自定义节点。 顶部栏可显示流程图数据组的标题,也可提供一些...
美食推荐:根据用户的口味和历史记录,为用户推荐可能感兴趣的美食。美食分享:用户可以分享自己在校园周边发现的美食,上传照片和点评。评论与评分:用户可以对美食进行评论和评分,帮助其他用户了解美食的质量。...
正则表达式是javascript非常重要和常用的功能,在jquery等大型框架中用的非常频繁,最近抽时间学习了解了相关知识,记录下来与需要的朋友分享。 思维导图 RegExp(正则表达式)的创建方式 可以通过两种方式创建一个...
摘要:脚本资源,Ajax/JavaScript,JS表格 非常好用的表格,简单的窗口,简单仿JqueryAJax控件,表格可以设置模式,s为单选,m为多选,在在单选模式下取消已经选择记录,把字符串直接加入表中需要使用 itemsstrB等属性。...
共享汽车管理系统是一个基于Spring Boot和MySQL的Java毕业设计项目。该系统主要用于管理共享汽车的租赁、调度、维修等业务。以下是关于该项目的简要介绍:系统功能:用户管理:包括用户注册、登录、修改个人信息等...
我使用JavaScript和jQuery提供交互性,并使用OpenWeather API来获取有关天气的信息。 我学到的是: 我学习了如何与服务器端API进行交互 如何先构建前端,然后一次添加一个功能块 我在使用Bootstrap卡方面积累了很多...
所用技术:Jsp /Servlet +DIV+Html + CSS+ JavaScript、Ajax、Jquery 开发工具:MyEclipse + Tomcat +SQL Server 2005 项目描述:学员信息管理系统是针对园区内各类人群,比如学员、督导、项目经理能够更快捷更简单...
jQuery Playground 彩色... 控制台记录单击的x和y位置。 在所有红色框div内添加链接,以吸引用户进行浏览。 然后添加一个单击处理程序,以警告用户您永远无法离开页面。 确保用户在警报发出后不会离开页面! 对于所有b
在撰写本文时,仅提供了原始的基础知识,但我尝试添加更多内容,同时还记录了一些东西。 那么创建一个简单的弹出窗口有何特别之处? 它需要放置在某处-顶部,底部,中心它必须适合放在某物之间,上方或下方,如果不...
jQuery:一个JavaScript库,用于简化DOM操作和实现动态效果。 Git:一个版本控制工具,用于代码管理和团队协作。 该美食推荐商城的主要功能有: 用户注册与登录:用户可以注册账号并登录,以便使用商城的各种功能...