JavaScript
文章平均质量分 96
JavaScript
迎风的信号旗
这个作者很懒,什么都没留下…
展开
-
JavaScript 动态网页实例 —— 基本菜单的设计
本节实例给出基本的下拉菜单的实现方法。用户可以在下拉列表中选择一个链接,单击该链接后,将跳转至相应的链接页面。原创 2024-07-22 06:47:56 · 1111 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 广告效果
广告是现代网页设计中不可或缺的内容。广告可以有很多种形式,但最终目的都是要吸引观众的注意力。尽管广告少不了画面、音效和广告语等效果,但其实现主要还是应用JavaScript 代码,只要很好掌握了JavaScript程序设计,剩下的就是创意和美工了。本章介绍几种广告效果,包括对联广告、飘动广告、滚动广告和特殊视觉效果的广告,相信读者会从中受到启发。原创 2024-07-02 07:14:18 · 1093 阅读 · 1 评论 -
JavaScript 动态网页实例 —— 视频动画
要在网页中播放各种视频和音频文件,需要为页面添加插件和控件。ActiveX是Microsof公司的对象组件技术,允许Windows程序在运行时刻载入并使用其他程序。ActiveX控件常用作浏览器的子程序,以增强页面的交互作用。另外,尽管没有官方的HTML描述,但通常都使用来包含正插件和Netscape 插件。本章介绍常见媒体文件以及 Flash文件在浏览器中使用的方法。原创 2024-06-29 23:26:12 · 1027 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 背景效果
页面背景是网页设计中必不可少的重要内容之一,其背景的好坏直接影响网页浏览者的浏览兴趣。网页背景分为背景图和背景色两种,对于普通的背景图和背景色,完全可以通过HTML实现,而要实现复杂的背景效果,则需要借助于JavaScript。本章介绍页面背景的一些实现效果。首先是一个页面背景随机切换的实例:然后,通过3种不同的方法,分别实现用户对页面背景的自动选择:最后,介绍一个闪电的页面背景效果。原创 2024-06-29 23:25:04 · 1373 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 图像运动与事件
除图像显示外,图像运动和对事件的响应也是常见的图像效果。本章介绍图像的运动与图像对事件的响应。其中,图像事件包括:图像的拖动、按钮控制图像的显示、图像感应鼠标等;图像运动包括:图像的滑动、图像的花环效果、图像的流星效果、图像的逐渐变大、图像分块飞行和图像分条飞行。其中,花环效果和流星效果代码中并不包含图像,但缤纷多彩,可给人图像的视觉效果,因此,也在本章进行介绍。原创 2024-06-10 07:32:07 · 911 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 图像显示
图像是网页设计中必不可少的内容之一,而图像的显示方式更是关系到网站的第一印象。本章介绍图像的显示,主要包括:图片的随机显示、图像的显示和隐藏、图像的滚动显示、图像的探照灯扫描显示、多幅图像的翻页显示、图像的水纹效果显示、全景图效果显示手电照射效果显示以及雷达扫描效果显示等。在这些显示效果中,应用了很多CSS的内容读者需要对CSS和JavaScript对CSS的处理有一定了解。原创 2024-06-08 09:44:34 · 1310 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 窗口控制
除了打开和关闭窗口之外,还有很多其他控制窗口的方法。例如,可以使用 window.focus()方法使窗口获得焦点,也可以利用与其相对的window.blur 方法使窗口失去焦点。本节介绍移动窗口、改变窗口大小、窗口滚动、窗口超时操作、常用窗口事件、常用窗口扩展等窗口控制的方法和手段。原创 2024-05-31 23:45:01 · 937 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 打开与关闭窗口
窗口的类型和操作很多,本章介绍窗口的基本操作:打开窗口与关闭窗口。同时,还介绍了窗口写入的方法,以及基于写入基础上的窗口交互。对话框作为一种特殊的窗口,在程序设计中的应用非常普遍。常见的对话框包括警告对话框、提示对话框和确认对话框。这些对话框的使用比较简单,本章将举例说明其用法。原创 2024-06-01 09:15:00 · 1188 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 表单验证高级应用
本文介绍表单验证的高级应用。首先介绍混合表单验证的方法;然后介绍使用onchange直接调用相应的处理程序,对用户输入的内容进行验证的方法;最后,介绍更高级的应用:按键屏蔽,只要用户输入的内容不合要求,则不允许输入。原创 2024-05-26 08:08:34 · 1055 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 简单的表单验证
表单验证是网页设计、特别是网站设计中必不可少的内容,狭义的验证指“用户是否进行了输入”、“输入的数据类型或格式是否符合要求”等,而广义的验证则包括口令确认与身份验证等内容。本章和下一章对表单验证的方式、方法进行介绍,本章只介绍一些简单的验证,包括:验证输入内容是否为空、验证 E-mail 地址格式是否正确和验证电话号码格式是否正确。原创 2024-05-24 09:56:33 · 1256 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 表格处理
表格是网页设计中必不可少的内容之一。本章首先介绍HTML中普通表格的组成结构,然后,在此基础上,介绍如何使用JavaScript设置表格的属性。随后,更具体地介绍操作表格元素的一般方法,主要是对表格行、列的动态增删操作。有了这些基础,在本章的最后介绍对表元的操作,即如何动态修改表格单元格中的内容。原创 2024-05-24 08:56:19 · 983 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 页面处理
在 JavaScript中,提供了对 HTML,页面,尤其是 HTML页面元素的处理方法。从本文开始,着重介绍JavaScript对于HTML页面元素的处理方法。本文主要介绍文档页面元素的按位置访问,文档元素的按名称访问,动态修改页面元素的内容,尤其是对内容的修改。在本文最后,还给出一种动态改变页面样式的方法。原创 2024-05-19 18:04:22 · 932 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文字显示
本文章继续介绍文字效果。本章主要介绍文字显示特效,主要包括:文字的随机显示,打字效果的实现,UBB代码的实现,文字“右一左”顺序排列的实现,古汉语文字排版的实现,以及蒙古族文字排版的实现。其中,文字的“右一左”顺序排列和古汉语文字排版也可以单独使用 HTML实现,应用到的JavaScript技术不多,本文章只提供一种用 JavaScript 实现的思路。原创 2024-05-18 08:41:15 · 1229 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文档处理
Document对象用于控制窗口或框架中的文档。在支持传统对象模型的早期浏览器中,只能对文档进行较少的操作。Document对象的主要属性都与标签相关,如背景、链接、文本颜色等:而在DOM下,则可对文档进行更多的操作。由于Document对象的内容较多,将从本章开始分几章进行介绍。本章主要介绍文档颜色设置、文档修改时间、DOM1中的相关属性、对 HTML元素属性的访问等内容。原创 2024-05-16 11:15:16 · 1124 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文字色彩与形状
首先介绍霓虹灯文字效果的设计,介绍文字色彩的静态渐变,然后介绍两个文字大小不断变化的示例,最后,则是两段文字色彩动态变化的代码。本章实例针对性较强,稍加修改就可以应用在网页中。读者不必拘泥于实例的效果,而应更重视实现这些效果的方法,相信这些实例能对开阔思路有一定的帮助。原创 2024-05-13 06:59:53 · 1319 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 事件处理应用
事件处理的应用很广泛。在事件处理的应用中,鼠标事件的应用是最常用到的。本章给出几个鼠标事件处理应用的示例,包括:页面预览、图像切换、点亮文本、鼠标跟随、鼠标感应和禁用鼠标按键。在这些示例中,有的可以直接拿来应用,有的则只提供了一种应用的方法,稍加拓展,即可作出更加漂亮的应用。原创 2024-05-11 20:08:17 · 1280 阅读 · 1 评论 -
JavaScript 动态网页实例 —— DOM 中的事件处理
DOM2事件模型规则描述了创建、捕获、控制与取消事件的标准方法,还描述了事件传播行为,也就是说,一个事件如何到达其目标,以及达到后将要发生的动作。在6中,由于没有提供对 DOM2事件模型的支持,因此,本章中涉及DOM2的代码只能在Netscape和Mozilla浏览器中正常运行。DOM是 Document Object Model的缩写,由W3C进行标准化。目前标准化尚未完全完成,因此,还不能为所有浏览器兼容。DOM第0层(简称DOM0):大致相当于Netscape3和IE3支持的层次。原创 2024-05-09 09:55:57 · 691 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 事件绑定与事件触发
在 Web页面中,浏览器可以调用JavaScript 响应用户的操作。例如,当用户单击了某个链接,或者编辑了表单域中的内容,浏览器就会调用相应的JavaScript 代码。在此过程中,JavaScript 响应的操作称为事件。事件将用户和web页面连接在一起,使页面可以与用户进行交互,响应用户的操作。本章介绍基本的事件绑定与事件触发,主要包括事件绑定的常见方式与事件编写两部分内容。原创 2024-05-07 09:56:02 · 1770 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文字移动
介绍文字使用的特殊效果。本章介绍文字的移动效果,主要包括:文字的垂直滚动、文字的渐隐渐显、文字的闪烁显示、文字的随意拖动、文字的坠落显示、页面内飘动的文字、漫天飞舞的文字、文字的下落效果。对于这些效果,读者只需稍加修改,就可以应用在自己的页面设计中。原创 2024-05-03 22:01:01 · 1760 阅读 · 1 评论 -
JavaScript 动态网页实例 —— 日期时间应用
日期和时间也是网站设计中不可或缺的重要内容。本章基于JavaScript中Date 对象的基本概念,介绍日期和时间的各种应用。鉴于其他章节已间接涉及部分内容,本章主要介绍各类不同时钟的设计,以及各种不同形式的时间的实现,同时,还涉及日历的设计和倒计时效果的实现。原创 2024-05-03 08:40:39 · 1169 阅读 · 3 评论 -
JavaScript 动态网页实例 —— 数值处理对象
Math对象用于进行数学运算。其属性是数学中一些常见的常数值,在程序中可以直接使用。Math对象的方法很多,主要完成一些常见的数学运算,如三角函数计算、乘方、开方、求对数等。在 Math 对象的方法中,除了random()之外的所有方法都需要一个或几个参数,并且其用法基本相同。本章通过两个示例介绍这些方法的使用。由于random()方法用于产生随机数,可以用在很多地方,将在其他章节举例。原创 2024-05-01 23:01:16 · 791 阅读 · 4 评论 -
JavaScript 动态网页实例 —— 数组
数组包含(或者存储)了一定编码的数据段。每个编码的数据段都称为该数组的一个元素,每个元素的编码称为该元素的下标。由于JavaScript 是一种无类型语言,所以,数组元素可以是任意的数据类型,同一数组的不同元素也可以具有不同的类型。数组的元素甚至可以是其他数组,这样就为创建多维数组提供了可能。本章首先介绍数组的定义与赋值,然后介绍对数组元素的操作,最后给出一个实现多维数组的示例。原创 2024-04-30 07:41:46 · 968 阅读 · 2 评论 -
JavaScript 动态网页实例 —— 流程控制语句
在 JavaScript 中,流程控制语句主要有:if语句、switch语句、while语句、do-while 语句、for 语句,以及专门用于对象的 with 语句等。本文介绍常用语句及其变种的用法。本文内容是JavaScript程序结构的框架,也是JavaScrip程序设计的基础。学好流程控制语句,不仅是JavaScript程序设计的基础,也是很好理解本系列后面文章中示例代码的前提。原创 2024-04-28 08:38:27 · 1365 阅读 · 3 评论 -
JavaScript 动态网页实例 —— 数据类型转换
类型转换是网页编程不可或缺的内容,本文先介绍自动类型转换,接着是强制性的显式类型转换,最后如何将基本数据类型提升为对象。原创 2024-04-26 20:54:51 · 906 阅读 · 0 评论 -
Web 前端基础—— JavaScript 学习笔记
在代码块内,使用 let、const 命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时 性死区”。当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于 以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可 以是 JS、图片、CSS、HTML 等。原创 2024-04-23 08:02:12 · 1041 阅读 · 0 评论 -
Web 前端基础—— Http 和CSS 学习笔记
是以浏览器支持的最高标准运行混杂模式:页面以宽松向下兼容的方式显示,模拟老式浏览器的行为Web标准不是某一个标准,而是一系列标准的集合结构 主要是有HTML标签组成表现 即指css样式表行为 主要是有js、dom组成web标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表 现的变化,也使这三者的界限并不那么清晰。W3C对于WEB标准提出了规范化的要求1)标签和属性名字母要小写2)标签要闭合3)标签不允许随意嵌套。原创 2024-04-23 08:01:50 · 1245 阅读 · 0 评论 -
Web 前端进阶—— JS 学习笔记
原型链:简单来讲就是原型组成的链,比如函数的原型是Function,Function的原型是Object,Object 的原型仍然是Object,一直追溯到最终的原型对象。函数通过prototype来追溯原型对象,对象通过proto来追溯原型对象。通过一个构造函数创建出来的多个实例,如果都要添加一个方法,给每个实例去添加并不是一个明智的 选择。这时就该用上原型了。在实例的原型上添加一个方法,这个原型的所有实例便都有了这个方法。//B继承了A,通过原型,形成链条。原创 2024-04-21 08:37:16 · 1087 阅读 · 1 评论 -
Web 前端进阶—— Http 和数据结构 学习笔记
http 传输的数据都是未加密的,也就是明文的,网景公司设置了 SSL 协议来对 http 协议 传输的数据进行加密处理,简单来说 https 协议是由 http 和 ssl 协议构建的可进行加密传 输和身份认证的网络协议,比 http 协议的安全性更高。https: 是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版,即 HTTP 下加入 SSL 层,HTTPS 的安全基础是 SSL,因此加密的详细内容就需要 SSL。http 的连接很简单,是无状态的;原创 2024-04-22 07:55:00 · 727 阅读 · 0 评论 -
JavaScript 设计模式 —— 富有表现力的JavaScript
揭示了JavaScript语言富有表现力的特点。从中你可以体会到,这种语言允许你用各种各样的编程风格来完成同样的任务,还允许你在面向对象编程的过程中借用函数式编程的概念来丰富其实现方式。这一章解释了究竟为什么应该使用设计模式,以及它们在JavaScript程序设计中的运用是如何使代码更高效、更易于处理的。原创 2024-04-15 06:45:13 · 1213 阅读 · 1 评论 -
JavaScript 设计模式 —— 接口
接口提供了一种用以说明一个对象应该具有哪些方法的手段。尽管它可以表明(或至少是暗示)这些方法的语义,但它并不规定这些方法应该如何实现。例如,如果一个接口包含有一个名为setName的方法,那么你有理由认为这个方法的实现应该具有一个字符串参数,并且会把这个参数赋给一个name变量。有了这个工具,你就能按对象提供的特性对它们进行分组。原创 2024-04-14 05:48:15 · 1789 阅读 · 1 评论 -
JavaScript 高性能编程 —— Data Access 数据访问
经典计算机科学的一个问题是确定数据应当存放在什么地方,以实现最佳的读写效率。数据存储在哪里, 关系到代码运行期间数据被检索到的速度。在 JavaScript 中,此问题相对简单,因为数据存储只有少量方 式可供选择。正如其他语言那样,数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下,对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些,具体高多少,很大程度上依赖于浏 览器。原创 2024-04-20 13:50:15 · 1669 阅读 · 0 评论 -
JavaScript学习笔记——实用技巧集锦 详细版
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回。原创 2024-04-11 05:58:31 · 1139 阅读 · 1 评论 -
JavaScript 高性能编程 —— 加载和运行
管理浏览器中的 JavaScript 代码是个棘手的问题,因为代码执行阻塞了其他浏览器处理过程,诸如用户界面绘制。每次遇到标签,页面必须停下来等待代码下载(如果是外部的)并执行,然后再继续处理页面其他部分。但是,有几种方法可以减少 JavaScript 对性能的影响:将所有标签放置在页面的底部,紧靠 body 关闭标签的上方。此法可以保证页面在脚本运行之前完成解析。将脚本成组打包。页面的标签越少,页面的加载速度就越快,响应也更加迅速。原创 2024-04-16 20:04:34 · 955 阅读 · 0 评论