大坡3D软件开发

因我而不同--用软件来改变世界

python web py入门(70)- jQuery - 监听键盘事件的方法

在前面实现了通过鼠标点击实现切换不同的字体大小,在本文里将要学会使用键盘来实现字体大小的切换。要从键盘上获得信息,就必须监听键盘。那么在jQuery里怎么样来监听键盘呢?直接来看代码: //键盘事件响应 $(document).keyup(function(eve...

2018-06-02 17:53:22

阅读数:488

评论数:0

python web py入门(69)- jQuery - 实现页面显示字体的格式切换

在前面学习按钮点击的事件处理,以及事件处理的顺序,现在继续来学习怎么样切换页面的显示,其实这个过程,就是修改样式的过程。因此,可以把代码修改如下:<html> <head> <...

2018-05-06 12:24:41

阅读数:684

评论数:0

python web py入门(68)- jQuery - 按钮事件的响应顺序

在前面学习了按钮响应函数判断事件的来源,但是js里有一个值得注意的事件响应顺序问题。由于HTML的元素是树形结构排列,导致事件也是按树形发生的,也就是说树叶节点的事件会传送给父接点,依次传递上去,也就是逐级上传。比如HTML文档如下:<!DOCTYPE html&am...

2018-05-06 10:00:55

阅读数:528

评论数:0

python web py入门(67)- jQuery - 按钮的事件里获取按钮的名称

在前面学习了隐藏显示,以便根据需要来显示页面的内容,可以看到页面上有三个按钮,当按下这三个按钮时,就可以处理为三种不同的CSS样式,从而显示内容不一样。当我们把三个按钮的事件作响应时,是绑定三个响应事件的函数,还是只绑定一个函数呢?这里选择只绑定一个事件响应函数,那么这个函数只有一个,怎么样来区分...

2018-05-06 09:10:11

阅读数:828

评论数:0

python web py入门(66)- jQuery - 隐藏显示实现界面大小可变布局

在前面学习鼠标位置来显示不同的页面,现在来学习怎么样实现页面内容动态地改变。比如有一些不常用的功能,如果一直放在页面上,显得很占用位置,让用户一眼看上去,找不到聚焦点,这样用户感觉乱乱的,太复杂的感觉。为了保持界面清晰,简单,其实大家都喜欢简单,这样办事情效率才高。因此,设计页面交互时,常常在同一...

2018-05-03 10:37:42

阅读数:446

评论数:0

python web py入门(65)- jQuery - 根据鼠标位置来选择不同的样式显示

在前面学习了窗口滚动事件的响应,现在来学习根据鼠标在不同的位置选择不同的样式显示,这样可以动态地区分鼠标所在区域,也起到提醒的作用。通过例子可以学习到怎么样使用jQuery来操作CSS,以及鼠标的hover() 方法,这个例子的代码如下:<html> ...

2018-05-01 14:57:30

阅读数:359

评论数:0

python web py入门(64)- jQuery - 判断窗口滚动条是否滚动?

前面学习了判断窗口大小改变的判断,现在来判断窗口的滚动条是否作出滚动的判断,这时需要使用jQuery的scroll()方法来实现,它的定义如下:当用户滚动指定的元素时,会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。scroll() 方法触...

2018-05-01 11:19:29

阅读数:238

评论数:0

python web py入门(63)- jQuery - 判断浏览器窗口是否发生改变

在前面学习了文本框里内容改变的事件,现在来学习当浏览器窗口发生改变时的事件。当你在页面上进行布局时,常常会遇到浏览器的窗口大小会改变,那么怎么样监听到这个事件呢?其实可以通过$(window).resize()来实现。定义和用法当调整浏览器窗口大小时,发生 resize 事件。resize() 方...

2018-04-27 17:13:50

阅读数:352

评论数:1

python web py入门(62)- jQuery - 判断文本框输入内容是否发生改变

在前面学习文本框输入时,按键按下和弹起的事件响应,现在来学习当文本框的内容发生了改变时触发的事件。定义和用法当元素的值改变时发生 change 事件(仅适用于表单字段)。change() 方法触发 change 事件,或规定当发生 change 事件时运行的函数。注意:当用于 select 元素时...

2018-04-27 16:43:27

阅读数:456

评论数:1

python web py入门(61)- jQuery - 使用keyup()和keydown()函数

在前面已经学会了使用jQuery和RequireJS来分模板开发JS的代码,接着下来继续学习jQuery一些常用的方法。比如你想当用户在输入时,进行一些变化,特别感应用户的按键输入。假如有这样的一个需求,当用户按下键时,输入框变改变背景的颜色为绿色,当用户不输入时改变背景为红色,可以使用按键响应函...

2018-04-27 15:30:50

阅读数:372

评论数:0

python web py入门(60)- jQuery - RequireJS库模块之间调用

在前面学习了RequireJS库模块的定义,这次要来学习模块之间进行相互调用了。比如再添加一个模块叫做common.js, 放在跟register1.js一样的目录下面。common.js的代码如下:define(['jquery'], function($){ return { //...

2018-04-24 17:40:47

阅读数:264

评论数:0

python web py入门(59)- jQuery - RequireJS库定义模块

在前面学习RequireJS库基本功能,现在来学习使用它定义一个模块,这个模块有依赖别的模块,并且作为参数传递过来使用。先来看看这个工程的目录结构如下:myweb20.html--static\js--static\js--main.js--static\js--app--jquery-3.3.1...

2018-04-20 18:21:54

阅读数:259

评论数:0

python web py入门(58)- jQuery - RequireJS库

在前面已经学习过多个JS模块,这样方便管理代码,维护代码,但时这样分开时,必须要考虑加载不同文件之间的顺序,这是比较头痛的问题,有没有好的方法解决呢?这时,就要使用RequireJS库了,它是一个JS文件和模块加载器,它是一个在浏览器优化的模块加载器,主要改善了加载的速度和改善你维护的代码质量。它...

2018-04-20 11:48:04

阅读数:271

评论数:0

javascript的V8引擎的初步使用

这段时间在使用javascript,常常地想javascript是怎么样运行呢?又是怎么样从JS代码转换为机器码呢?在深入了解JS运行机制之前,先来运行一下V8引擎也是入门的前奏。由于不能访问chrome浏览器开源网站,因此使用nodejs的代码,Node.js可以看作是javascritp的运行...

2018-04-17 15:33:07

阅读数:397

评论数:0

python web py入门(57)- jQuery - 多个JS代码的文件

在前面学习了HTML与JS代码分离的功能,但是会随着项目功能的增加,或者随着时间的增加,维护了代码,新增加的代码不想影响旧的代码,必然会增加更多的JS代码文件。这样多个JS文件是怎么样调用的顺序呢?能不能随便地放置位置呢?依赖的关系是否很复杂?当很多模块代码时,加载页面速度是否会变慢?问题还是很多...

2018-04-15 19:19:56

阅读数:374

评论数:0

python web py入门(56)- jQuery - HTML与JS代码分离

前面学习了检验EMAIL合法性的功能,但是会发现HTML代码已经越来越长了,这时看起来,就不是以前那么好理解了,怎么办呢?人对复杂事物有一个很好的工具,就是分解,把复杂的事物分成简单的事物,这样理解起来就容易多了。同理,对于嵌入JS代码到HTML代码已经很长了,最好的方式是把它从HTML分离出来,...

2018-04-15 18:01:34

阅读数:313

评论数:0

python web py入门(55)- jQuery - 实现EMAIL地址输入检查

在前面学习了焦点失去事件,学习了输入内容获取,学习了输出内容到页面等等,把前面所有学习过的内容,综合到一起就可以实现EMAIL地址检查了。先来看代码如下:<html> <head> &amp...

2018-04-15 13:38:54

阅读数:253

评论数:0

python web py入门(54)- jQuery - 失去焦点事件

前面学习了获取输入文本框的内容,并且实现在弹出窗口里提示显示出来。接着下来需要对内容进行检查,又学习了使用对象的方式来构造通用的对象。这些内容都准备好了,接着要怎么样做呢?其实可以这样思考,有了内容,有了检验的方法,就剩下什么时候运行,以及运行的动机了。这个时刻非常重要,如果运行过早,内容还没有输...

2018-04-15 11:57:23

阅读数:326

评论数:0

python web py入门(53)- javascript - 对象

在前面学习了怎么样在页面里输出内容,后面需要检查邮箱是否正确,这个功能如果放到一个函数定义,那么需要返回一个结果,而返回结果又是一个对象,那么就得来学习js的对象。js的对象定义如下:JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对...

2018-04-14 19:57:07

阅读数:213

评论数:0

python web py入门(52)- jQuery - $("").html()实现在页面提示信息

在前面学习了获取兄弟级的元素,就是为了方便定位输出位置,这个可以与平面上画图的xy坐标一样。有了位置之后,怎么样输出内容呢?这需要使用jQuery的$("").html()函数。这个函数的作用如下:定义和用法html() 方法返回或设置被选元素的内容 (inne...

2018-04-14 19:07:24

阅读数:245

评论数:0

提示
确定要删除当前文章?
取消 删除