【Javascript与jQuery】
javascript与jquery
LongRui888
龙腾虎跃,睿意进取,加油!
展开
-
什么是jQuery
在公司的项目中,经常看到一些脚本,但是不知道是什么脚本,在代码里会引用到一些html里的标签。最近,在网上搜了一下,同时也问了同事,知道这些代码是jQuery。那么这个jQuery是什么呢?实际上jQuery就是一个javascript库,用来简化javascript编程。下面就是一个简单的jQuery编写的代码:$(document).r原创 2016-01-14 16:49:57 · 1275 阅读 · 0 评论 -
javascript基础:prototype原型(属性、方法)
Javascript支持prototype对象,可以添加对象副本的属性和方法,还可以创建prototype对象的继承。在class-based语句中,类是一种抽象的数据类型,比如:c++,java,c#都是基于类的语句。而Javascript是prototype-based,也就是基于原型的语言,所以,类和对象的区别不是很明显。对象就是一个实际的实体,可以用现成的对象作为原型proto原创 2017-01-19 15:09:48 · 595 阅读 · 0 评论 -
javascript基础:DOM的collection对象
代码: New Document //IE支持,chrome只支持tagName属性 function showElements() { var s =""; for(i=0;i < document.all.length; i++) { o = document.all(i); s += o.tagName+":" + o.sourc原创 2017-02-11 18:27:02 · 598 阅读 · 0 评论 -
javascript基础:prototype对象的继承
javascript中通过prototype来继承其他对象,这样就是实现了扩充对象的属性和方法。代码: prototype function parent(papa,mama) { this.papa = papa; this.mama = mama; } function person(name,age) { this.name原创 2017-01-22 18:30:50 · 449 阅读 · 0 评论 -
javascript基础:内置对象
javascript的对象按照创建方式,可以分为通过变量声明定义的隐性对象、通过new命令建立的显性对象(支持expando属性和prototype属性)。另外,javascript提供了多种内置对象,如:String、Array、Date、Math、Error 对象。代码: Document //隐性对象,不支持expando属性、prot原创 2017-01-23 10:32:08 · 351 阅读 · 0 评论 -
javascript基础:Array对象
下面的代码 用2种方式创建数组对象,直接调用数组的length获取元素个数,用sort方法排序,reserve反向输出,join关联,concat合并。还可以创建多维数组,通过多维数组存储链接和图片,实现随机广告的效果。代码: Document function show(x) { for(i=0; i<x.length; i++) documen原创 2017-01-23 15:24:53 · 360 阅读 · 0 评论 -
javascript基础:Date对象
下面的代码介绍了如何创建Date对象,获取属性,设置属性,转换日期格式的方法,最后用实现了一个简易的时钟。代码:!doctype html> Document function format(s) { return s.length == 1 ? '0'+s : s ; } //实现一个小时钟 function原创 2017-01-23 16:51:16 · 512 阅读 · 0 评论 -
javascript基础:Math对象
代码: Document //对象属性 document.write("" + Math.E); document.write("" + Math.LN2); document.write("" + Math.LN10); document.write("" + Math.LOG2E); document.write("" + Math.原创 2017-01-23 17:51:42 · 387 阅读 · 0 评论 -
javascript基础:Error对象、异常处理
通过Error对象可以输出错误码(number)、错误说明(message)、错误描述(description)。错误处理包含了:try(写上需要做错误处理的代码)、catch(捕获异常)、finally(不管是否有异常,都会被执行的片段)。代码: Document var x = 1; try { try { if(x原创 2017-01-24 10:21:15 · 473 阅读 · 0 评论 -
javascript基础:对象共享属性、方法
javascript的对象有一些共享属性、方法,除了global对象、math对象不支持外,其他对象都支持。代码: Document var a = new Array(10,20,30); var b = new Boolean(false); var d = new Date(); var e = new Error();原创 2017-01-24 11:55:08 · 854 阅读 · 0 评论 -
javascript基础:对象模型
javascript中的对象模型是一种机制,用来规范文件、样式、代码,使得代码能操作html中的元素、样式,元素应用样式。代码: Document var obj; for(obj in window) document.write(""+obj+":"+ Window[obj]);原创 2017-01-24 17:09:46 · 352 阅读 · 0 评论 -
javascript基础:window对象定时器
代码: Document function move(flag) { if(flag == 1) { //滚动窗口内容到 偏移位置 window.scrollBy(20,0); //window定时器,只会运行一次 timeout = setTimeout("move(1)",500); } else if(fl原创 2017-01-25 14:38:26 · 2200 阅读 · 0 评论 -
javascript基础:创建窗口、父窗口与子窗口
通过window对象的open方法可以窗口子窗口,通过close方法可以关闭子窗口,但是只有在不指定新窗口连接的情况下,才有效。父窗口代码: New Document function openW() { //打开新的窗口,参数都是空字符串 //如果指定具体的网页或连接,js代码没办法对这种方法创建的新窗口进行控制 //myWindow变原创 2017-02-01 19:29:07 · 1109 阅读 · 0 评论 -
javascript基础:window对象内置对话框、模式和非模式对话框、传值方法
window对象中有多个内置的对话框函数,包括模式对话框showModalDialog、非模式对话框showModeless、警告对话框、确认对话框、格式对话框。模式对话框就是对话框弹出后,不能操作父对话框,之后关闭之后才可以继续操作父对话框。而非模式对话框在弹出之后,可以继续操作父对话框。另外,代码中还包含了用子对话框中的数据,修改父对话框中的数据。下面的代码只支持在ie浏览器运原创 2017-02-03 11:47:24 · 775 阅读 · 0 评论 -
javascript基础:window对象的screen属性、移动窗口、缩放窗口
window对象的screen属性,也是一个对象,包含了关于屏幕的分辨率,以及可视的长宽。通过window对象的moveTo,resizeTo 函数,可以指定浏览器程序在屏幕上显示的x、y坐标,以及窗口的长宽,moveBy和resizeBy函数是相对于当前浏览器位置做移动和变化。另外,代码对chrome浏览器和IE浏览器,进行分别处理。最后通过window定时器实现了每隔0.5秒,自动原创 2017-02-04 11:31:03 · 1250 阅读 · 0 评论 -
javascript基础:访问cookie数据
访问cookie数据非常简单,都是通过document.cookie来实现的:(1)存储:document.cookie = strCookie(2)读取:strCookie = document.cookie下面的代码只能在IE浏览器运行,因为IE浏览器允许本地文件设置cookie数据,而chrome浏览器不支持本地文件访问cookie。代码: Documen原创 2017-02-08 15:29:42 · 490 阅读 · 0 评论 -
javascript基础:对象的继承、添加对象方法
javascript可以实现对象的继承,对象的属性可以是另一个自对象,实现父子关系。比如,下面的代码实现了一个Person类,这个类的parent属性,实际上是parentPerson子类。另外,也可以让类的属性指向一个方法,比如类中的print属性,实际上就执行了printPerson函数。代码: Document //Person类中pri原创 2017-01-17 14:26:48 · 656 阅读 · 0 评论 -
一个简单的例子:javascript设置默认日期范围为最近40天(2)
上一个例子是:通过javascript输出所选择的日期 ,就是实现了选择日期,然后把选择的日期输出,这么一个功能。不过实际项目中,测试人员说客户的需求是点击进入页面后,自动查询最近40天的数据。想了想,实现的原理就是在页面加载之后,调用一个javascript函数设置日期,相比上一篇文章,除了修改了部分格式,还增加了onload函数。另外,虽然把日期转为字符串可以用标准函数to原创 2017-01-06 11:21:54 · 656 阅读 · 0 评论 -
一个简单的例子:javascript实现日期的比较(3)
上一篇文章是; 一个简单的例子:一个简单的例子:javascript设置默认日期范围为最近40天(2)这次要在上篇基础之上,进一步校验开始日期、结束日期是否合理,比如:开始日期要小于等于结束日期,还有实现只能查询最近40天内的数据(设定为:结束日期减去开始日期为小于等于41,设为40也可以,关键看需求),查询超过40天的数据,直接报错。在报错时,不会显示具体的错误,比如:结束日期大于当天日原创 2017-01-09 14:11:02 · 381 阅读 · 0 评论 -
javascript基础:navigator对象、location对象
代码: Document var o = window.navigator; document.write("浏览器的代码名:"+o.appCodeName); document.write("浏览器的次级版本:"+o.appMinorVersion); document.write("浏览器的名称:"+o.appName); doc原创 2017-02-04 15:06:04 · 489 阅读 · 0 评论 -
javascript连接远程数据库SQL Server 2014(只能在IE浏览器上运行)
最近翻开一本10年前买的javascript的书,这本书买回来只看了前半部分,后面的一直没看,也一直没有从事这方的工作。看到有一节写着js连access接数据库,于是照着书上的代码,写了一段在chrome浏览器中运行,发现完全没反应。查了一下才发现,这个activexobject只有微软的IE支持,其他的浏览器都不支持,我想可能是由于连接数据库、访问文件等属于不安全的操作,应该是让服务器端原创 2017-01-13 17:47:36 · 3474 阅读 · 0 评论 -
javascript基础:document对象
document对象包含一些属性,如:domain,referrer。下面代码遍历了document中包含的所有对象,另外,打开一个新的窗口,在新的窗口中用document对象的open方法,打开新的文档,在文档里输入了标签,最后用close方法关闭文档。通过document.getElementById document.getElementsByName可以找到指定id或者属性名称的标原创 2017-02-05 16:53:22 · 518 阅读 · 0 评论 -
javascript连接SQL Server 2014进行增删改查(适用于IE浏览器)
在下面的例子中引用了ADODB.Recordset对象,在引用时,需要用到一些常量,要先找到C:\Program Files\Common Files\System\ado\adojavas.inc,然后把这个文件复制贴成一个新的文件,修改文件名为: adojavas.js,注意扩展名为js,表示是javascript代码。然后,要把文件中的 符号去掉,这个符号是用vbscript开发ASP原创 2017-01-14 21:32:51 · 9321 阅读 · 9 评论 -
javascript流程控制、循环控制
一、流程控制包括:if-else、switch、条件运算符?。 实验 var p; var person = new Object(); person.name = "张三"; person.age = 28; person.sex = false; person.phone = "13815062893"; person原创 2017-01-15 14:11:04 · 394 阅读 · 0 评论 -
javascript基础:内置函数、自定义函数
一、javascript内置函数escape函数:把传入字符串进行url编码。unescape函数:把传入的url编码转为原始字符串。需要注意的是,url编码规则:(1)英文字母数字:不进行编码。(2)空白标点符号:转为%xx字符串,比如空白字符转换为%20.(3)中文字:转为%xxxx字符串,为16进制。 实验 var原创 2017-01-15 21:30:07 · 619 阅读 · 0 评论 -
javascript基础:数据类型的转换
1、数据类型的强制转换包括:数字+字符串:数字被强转成字符串。布尔+字符串:布尔被强制转为字符串。布尔+数字:布尔强转为数字。 实验 var str,i,b,bb,u; str ="123"; i = 1; b = true; bb = false; u = null; document.write("i原创 2017-01-15 13:29:32 · 445 阅读 · 0 评论 -
javascript基础:函数传递参数的方式、参数数组、变量范围(变量作用域)
一、函数的2种参数传递方式(1)传值:把变量的值传入函数,函数不会另外分配内存保存值,所以不会改变原始值,一般适用于传入 数字、布尔值、字符串。(2)传地址:把变量保存的内存地址传入,如果在函数中改变了值,原始值也会被改变。用于传入对象、数组、函数、字符串对象。 实验 //带2个参数,返回值,a为传值方式,b为传地址方式 function原创 2017-01-15 21:33:57 · 1442 阅读 · 0 评论 -
javascript基础:数据类型、运算符
一、数据类型1、数字数据类型包括:(1)整数:19、0377(8进制)、0xff(16进制)、0x3e7(2)浮点数:0.0008、.0008、8e-4(0.0008)(3)特殊数字:NaN(not a number,算术计算结果不正确的数据类型,比如:字符串,Undefined),Positive Infinity(数字太大),Negative Infinity(数字太小原创 2017-01-15 13:25:41 · 428 阅读 · 0 评论 -
javascript基础:注释、代码位置、编写规则
一、注释符号javascript的注释符号写法:(1) // 注释(2)/* 注释 */需要注意的是,如下 符号之间的js代码,会被执行,虽然是包含在html的注释符号中的。 二、Javascript代码的位置(1)head块中的js代码在head块,定义body中的事件响应函数。另外,也可以定一些公共变量,类似于全局变量,各个函数都能调用。(2)bod原创 2017-01-15 11:00:12 · 742 阅读 · 0 评论 -
javascript基础:String对象
一、html标记的格式编排方法string对象提供了格式编排的方法,可以把字符串内容输出成对应的html标签,其实就是直接把文本放到标签中,或者把文本作为标签的属性。 Document var s = "Javascript是一种功能非常强大的脚本语言!"; document.write(""+s.anchor("a1")); //类似于原创 2017-01-23 13:39:43 · 323 阅读 · 0 评论 -
javascript基础:创建对象
javascript中创建对象有2种方法:一个是直接new object,然后初始化各个属性。一个是写个构造函数,然后new 构造函数创建对象。代码如下: Document function objPerson(name,sex,age,email,address) { this.name = name; this.sex = sex;原创 2017-01-16 13:13:16 · 340 阅读 · 0 评论 -
一个简单的例子:通过javascript输出所选择的日期(1)
一直在用公司的报表工具做报表,报表里最常用的查询条件就是开始日期、结束日期。自己会一点html和js,于是就想用html+javascript来实现选择查询日期,以及做出相应。实现之后,觉得这个还是比较简单的,N年前学的html和javascript,总算是派上用场了,人人都可以开发网页。这个代码要在谷歌的chrome浏览器中,日期选择才能有效果。。。代码如下:原创 2017-01-05 18:40:49 · 970 阅读 · 0 评论