JavaScript范例
Javascript综合应用小案例
按需求弄了一个取词以及标红的小应用。
先上demo :/很多平时常用的东西,都用上了,所以拿出来说说。
一、代码View Code以上是所有js代码,比较长,下面将列举一些比较突出的点(望高人多多指点)。
二、代码分析1.获取文本getSelectionText: function(){if(window.getSelection) {return window.getSelection().toString();} else if(document.selection && {return;}return '';}这个在以前(JavaScript操控光标,你会么?)的文章里也说过,就不赘述了。
2.创建控制框createBtn: function(evt){var button = document.createElement("div"),//...csses= {"height" : "30px","line-height" : "30px","position": "absolute","top": y + 10 + "px","left": x + 10 + "px","cursor": "pointer","border": "1px solid #000","background": "#EEE","padding": "2px 8px","border-radius": "3px" };for(i in csses){if(csses.hasOwnProperty(i)){cssList += i + ":" + csses[i] + ";";}}=cssList;button.innerHTML = "添加到关键词列表";button.setAttribute("id", "btn");//...}这里有一点我想说说,在写js的时候,会经常涉及到对DOM对象style的处理,如果不想额外加入一个plugins.css之类的文件,可以像上面一样,将样式放置在一个对象中,然后利用for in将其写入,本来开始我用的是obj.style[i] = csses[i];不知道为什么,在IE下报错了,后来便用cssText代替。
seatable javascript 范例
seatable javascript 范例下载温馨提示:该文档是我店铺精心编制而成,希望大家下载以后,能够帮助大家解决实际的问题。
文档下载后可定制随意修改,请根据实际需要进行相应的调整和使用,谢谢!并且,本店铺为大家提供各种各样类型的实用资料,如教育随笔、日记赏析、句子摘抄、古诗大全、经典美文、话题作文、工作总结、词语解析、文案摘录、其他资料等等,如想了解不同资料格式和写法,敬请关注!Download tips: This document is carefully compiled by the editor. I hope that after you download them, they can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!In addition, our shop provides you with various types of practical materials, such as educational essays, diary appreciation, sentence excerpts, ancient poems, classic articles, topic composition, work summary, word parsing, copy excerpts, other materials and so on, want to know different data formats and writing methods, please pay attention!在当今互联网时代,JavaScript已经成为了前端开发中不可或缺的一部分。
javascript网页特效范例宝典
JavaScript网页特效范例宝典第1章窗口/框架与导航条设计1.1 弹出窗口控制实例001 打开新窗口显示广告信息实例002 定时打开窗口实例003 通过按钮创建窗口实例004 自动关闭的广告窗口实例005 控制弹出窗口居中显示实例006 弹出的窗口之cookie控制实例007 为弹出的窗口加入关闭按钮实例008 关闭弹出窗口时刷新父窗口实例009 关闭IE主窗口时,不弹出询问对话框1.2 弹出网页对话框实例010 弹出网页模式对话框实例011 弹出全屏显示的网页模式对话框实例012 网页拾色器实例013 日期选择器1.3 窗口的动画效果实例014 页面自动滚动实例015 打开窗口特殊效果实例016 动态显示窗口实例017 慢慢放大的窗口实例018 下降式浏览器实例019 旋转的窗口实例020 移动的窗口实例021 震动的窗口实例022 弹出广告窗口1.4 窗口控制实例023 窗口始终在最上面实例024 窗口的最小化、最大化实例025 频道方式窗口实例026 全屏显示实例027 设置窗口大小和位置实例028 刷新当前页实例029 自动最大化实例030 自定义导航控制面板实例031 根据用户分表率自动调整窗口1.5 窗口的其他效果实例032 打开窗口时显示对话框实例033 使窗口背景透明实例034 立体窗口实例035 动态标题栏实例036 固定大小的窗口1.6 框架的应用实例037 框架集的嵌套实例038 在网页中应用浮动框架实例039 创建空白框架实例040 居中显示框架页1.7 无边框窗口实例041 全屏显示无边框有滚动条的窗口实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口1.8 水平导航条应用实例044 图片按钮导航条实例045 导航条的动画效果实例046 不用图片实现质感导航条1.9 下拉菜单式导航条实例047 二级导航菜单实例048 半透明背景的下拉菜单实例049 展开式导航条实例050 用层制作下拉菜单1实例051 用层制作下拉菜单21.10 侧导航条设计实例052 自动隐藏式菜单实例053 收缩式导航菜单实例054 树状导航菜单第2章表单及表单元素2.1 文本框/编辑框/隐藏域组件实例055 获取文本框/编辑框/隐藏域的值实例056 自动计算金额实例057 设置文本框的只读属性实例058 限制多行文本域输入的字符个数实例059 自动选择文本框/编辑框中的文字实例060 按下回车键时自动切换焦点2.2 下拉列表/菜单实例061 获取下拉列表/菜单的值实例062 遍历多选择下拉列表实例063 在下拉列表中进行多项移除实例064 将数组中的数据添加到下拉菜单中实例065 应用下拉菜单选择所要联机的网站实例066 多级级联菜单实例067 可以输入文字的下拉菜单实例068 根据下拉菜单的值显示不同控件实例069 分级下拉列表2.3 单选按钮组实例070 不提交表单获取单选按钮的值实例071 选中单选按钮后显示其他表单元素实例072 通过单选按钮控制其他表单元素是否可用2.4 复选框实例073 不提交表单获取复选框的值实例074 控制复选框的全选或反选实例075 只有一个复选框时控制复选框的全选或反选2.5 密码域实例076 让您的密码域更安全实例077 不提交表单自动检测密码域是否相同2.6 表单应用实例078 通过JavaScript控制表单的提交与重置实例079 带记忆功能的表单实例080 防止表单重复提交实例081 自动提交表单实例082 通过for循环获取表单元素的中文名称实例083 可以提交到不同处理页的表单第3章实用JavaScript函数3.1 数据验证实例084 通过正则表达式验证日期实例085 验证输入的日期格式是否正确实例086 检查表单元素是否为空实例087 验证E-mail是否正确实例088 通过正则表达式验证电话号码实例089 验证输入的字符串是否为汉字实例090 验证身份证号码实例091 验证用户名和密码实例092 验证车牌号码实例093 验证网站地址实例094 验证数量和金额实例095 验证字符串是否以指定字符开头实例096 限制数组字符串的长度3.2 字符串处理实例097 小写金额转换为大写金额实例098 二区字符串中的空格实例099 转换输入文本中的回车和空格实例100 将数字字符串格式化指定长度实例101 把一个长数字分位显示实例102 将RGB格式的颜色值转换为十六进制格式实例103 将IP地址转换为对应的数值实例104 从指定URL中提取文件名3.3 随机函数实例105 随机产生指定位数的验证码实例106 生成随机字符串3.4 日期与时间实例107 显示长日期格式的系统日期实例108 实时显示系统时间第4章日期和时间4.1 日期时间显示实例109 在标题栏中显示日期时间实例110 使用toLocaleString()方法获取本地时间实例111 全中文显示日期实例112 在状态栏中显示日期时间实例113 使用数组显示星期实例114 在表格中显示时间实例115 退出页面时显示停留时间实例116 显示用户在页面的停留时间实例117 显示最后修改时间4.2 日期时间算法实例118 计算某一天是星期几实例119 判断指定年份是否为闰年实例120 计算从出生到现在度过的时间实例121 返回两个日期之间的间隔小时实例122 倒计时实例123 访问时间限制实例124 计步器4.3 日期时间特效实例125 分时问候实例126 节日提示实例127 倒影时钟实例128 带阴影的时钟实例129 动态石英钟实例130 生日提醒器实例131 数字时钟实例132 各地时间表实例133 位于页面顶层的时钟第5章文字特效5.1 文字的颜色变换实例134 简单文字变色实例135 文字变色实例136 变换的文字实例137 描边文字实例138 霓虹灯文字实例139 追逐点亮的文字实例140 荧光文字实例141 发光文字的闪烁效果实例142 文字的舞台灯光效果实例143 制作彩色渐变文字动画5.2 改变文字大小实例144 文字伸缩实例145 动荡的文字实例146 文字伸展实例147 文字逐个放大实例148 自动改变大小实例149 选择字体的大小5.3 文字显示效果实例150 文字渐隐渐现实例151 文字虚幻变化实例152 文字虚幻抖动5.4 指定文字位置实例153 将文字置于工作区左上角实例154 右上角文字实例155 鼠标移动文字5.5 文字动态移动实例156 文字自动滚屏实例157 文字上下滚动5.6 文字立体效果实例158 文字的旋转实例159 立体旋转文字实例160 文字3D效果5.7 文字动画效果实例161 反弹文字实例162 飞舞的文字实例163 飞翔的文字实例164 平面旋转的文字实例165 输出文字实例166 文字打字效果实例167 文字抖动实例168 指向文字时废除星型标记实例169 文字的抛出效果5.8 文字特殊效果实例170 波浪文字实例171 梦幻文字效果实例172 屏风文字实例173 文字效果5.9 其他实例174 随机显示文字实例175 文字加密及解密第6章超级链接特效6.1 超级链接样式实例176 改变超级链接字体样式实例177 当鼠标移动到超级链接时改变超级链接颜色实例178 改变超级链接背景色6.2 超级链接控制实例179 建立E-mail超级链接实例180 获取页面中的全部超级链接实例181 将网站设为首页实例182 单击鼠标右键自动链接到指定网站实例183 单击超级链接将本页加入收藏夹实例184 访问指定的链接地址实例185 返回默认主页实例186 导航链接6.3 超级链接特效实例187 快速闪动页面中的超级链接实例188 滚动的超级链接提示信息实例189 公告栏中显示超级链接实例190 显示超级链接站点相关信息实例191 显示超级链接的提示信息实例192 半透明背景的超级链接提示第7章操作表格7.1 表格的颜色效果实例193 闪烁的表格边框实例194 单元格边框变色实例195 选中的行变色7.2 对单元格的焦点进行控制实例196 选定表格中的单元格实例197 左右移动单元格的信息实例198 通过键盘使单元格焦点任意移动7.3 对表格的行、列进行修改实例199 动态制作表格实例200 动态生成行或列实例201 删除表中的行7.4 单元格的相关操作实例202 隐藏及显示单元格实例203 编辑单元格中的文本信息实例204 合并单元格实例205 在表格中添加行及单元格实例206 删除表中的单元格7.5 表格的特殊效果实例207 透明表格实例208 限制表格的宽度实例209 表格的标题实例210 表格的外阴影实例211 立体表格实例212 虚线边框表格实例213 表格作为分割线实例214 表格向下展开第8章图形图像与多媒体8.1 图片大小实例215 打开自定义大小的图片实例216 图片放大缩小实例217 通过鼠标滚轮放大缩小图片8.2 图片与鼠标相关操作实例218 跟随鼠标移动的图片实例219 可以左右拖动的图片实例220 随意拖动图片实例221 当鼠标经过图片时显示图片实例222 改变图片获取焦点时的状态实例223 抖动的图片实例224 鼠标移动放大图片8.3 图片与时间相关操作实例225 定时隐藏图片实例226 根据时间变换页面背景实例227 使图片不停闪烁实例228 上下跳动的图片实例229 图片左右晃动实例230 飘舞的变形图片8.4 图片的动画效果实例231 图片翻转效果实例232 水波倒影特效实例233 图片渐隐渐现实例234 图片的探照灯效果实例235 雷达扫描图片特效实例236 在页面中旋转的图片实例237 改变形状的图片实例238 图片在页面浮动实例239 随机变化的网页背景8.5 背景头像实例240 在列表中选择图片实例241 在弹出的新窗口中选择图片8.6 在页面中播放图片实例242 幻灯片式播放图片实例243 无间断的图片循环滚动效果8.7 图片的其他效果实例244 导航地图8.8 播放音乐实例245 为网页设置背景音乐实例246 随机播放背景音乐实例247 MIDI音乐选择8.9 插入Flash动画实例248 插入Flash动画实例249 插入背景透明的Flash动画8.10 播放视频文件实例250 播放AVI文件实例251 自制视频播放器第9章页面特效9.1 页面背景效果实例252 背景固定居中实例253 背景图片纵向重复显示实例254 通过按钮变换背景颜色实例255 背景自动变色实例256 百叶窗实例257 渐隐渐现的背景颜色实例258 页面缩小实例259 页面上下打开效果实例260 页面左右打开效果实例261 页面溶解效果9.2 特殊页面实例262 页首页尾切换实例263 调用下载页面实例264 程序加载页面实例265 颜色拾取器9.3 广告页面实例266 图片总置于顶端实例267 随机显示广告实例268 广告岁滚动条漂移9.4 页面动画效果实例269 下雪实例270 飘落的枫叶实例271 下雨实例272 背景的烟花效果实例273 变色的圆圈实例274 滚动的光环实例275 星空极速飞入效果实例276 闪烁的星星9.5 其他实例277 带密码的网页实例278 页面左右滚动实例279 动态移动的层实例280 在页面中显示十字光标第10章状态栏特效实例281 使状态栏中的文字不停闪烁实例282 文字从右到左依次弹出实例283 文字从中间向两边展开实例284 文字跑马灯特效实例285 文字依次显示后快速收缩实例286 文字的展开与收缩实例287 状态栏中的文字依次弹出10.2 其他实例288 在状态栏中显示固定的自定义信息实例289 在状态栏显示鼠标坐标实例290 在状态栏显示特定的超级链接信息第11章报表与打印11.1 Web打印实例291 调用IE自身的打印功能实现打印实例292 打印指定框架中的内容实例293 利用WebBrowser打印实例294 设置页眉页脚11.2 利用Word打印报表实例295 将页面中的表格导出到Word并打印实例296 打开指定的Word文档并打印实例297 在JSP中利用Word自动打印指定格式的会议记录实例298 在ASP中利用Word自动打印指定格式的会议记录实例299 在PHP中调用Word自动打印指定格式的会议记录11.3 利用Excel打印报表实例300 将Web页面中的数据导出到Excel实例301 将Web页面中的数据导出到Excel并自动打印11.4 利用CSS样式打印实例302 利用CSS样式打印页面中的指定内容实例303 利用CSS样式分页打印11.5 套打邮寄产品单实例304 打印汇款单实例305 打印快递单实例306 打印信封第12章网站安全12.1 禁止用户复制网页内容实例307 禁止用户复制网页内容(方法一)实例308 禁止用户复制网页内容(方法二)实例309 禁止网页另存为12.2 禁止用户刷新屏幕实例310 屏蔽IE主菜单实例311 屏蔽键盘相关事件实例312 屏幕鼠标右键12.3 登录页面实例313 具有浏览器检测功能的登录页面实例314 防止SQL注入的登录页面实例315 带验证码的登录页面12.4 其他实例316 使用Script Encoder加密工具加密第13章 HTML/CSS样式13.1 页面效果实例317 统一站内网页风格实例318 设置超级链接文字样式实例319 网页换肤实例320 滚动文字实例321 制作渐变背景13.2 表格样式实例322 只有外边框的表格实例323 彩色外边框的表格实例324 控制表格指定外边框不显示实例325 背景颜色渐变的表格实例326 表格隔行13.3 鼠标及滚动条样式实例327 显示自定义鼠标形状实例328 动画光标实例329 制作彩色滚动条13.4 文字及列表样式实例330 应用删除线样式标记商品特价实例331 在文字上方标准说明标记实例332 指定图标的列表项13.5 文字滤镜特效实例333 文字的发光效果实例334 文字的阴影效果实例335 文字的渐变阴影效果实例336 文字的图案填充效果实例337 文字的探照灯效果实例338 文字的闪烁效果实例339 文字的空心效果实例340 文字的浮雕效果实例341 文字的阳文效果实例342 文字的雪雕效果实例343 火焰字实例344 文字扭曲动画13.6 图片滤镜特效实例345 图片的半透明效果实例346 图片的模糊效果实例347 图片的水波纹特效实例348 图片的灰度效果实例349 图片的动态说明文字第14章读取XML文件14.1 读取XML文件实例350 使用XML DOM对象读取XML文件实例351 使用XMLHttpRequest对象读取XML文件14.2 显示XML文档实例352 使用CSS显示XML文档实例353 使用XSL显示XML文档实例354 使用IE XML数据到输出XML文档14.3 操作XML实例355 用JavaScript控制XML文档的分页显示实例356 通过操作XML数据岛实现添加、删除留言信息第15章 JavaScript与ASP第16章 JavaScript与JSP第17章 JavaScript与结合第18章 JavaScript与PHP结合18.1 窗口与对话框实例386 弹出提示对话框并重定向网页实例387 关闭弹出窗口时自动刷新父窗口实例388 在弹出的网页模式对话框中选择个性头像实例389 时间选择器实例390 弹出提示对话框并重定向网页实例391 删除数据前弹出确认对话框18.2 其他实例392 树状导航菜单第19章综合应用19.1 计算器实例393 简单计算器实例394 复杂计算器19.2 日历实例395 精美日历实例396 带农历的日历19.3 购物车实例397 添加至购物车实例398 查看购物车实例399 修改商品购买数量实例400 从购物车中移去指定商品实例401 清空购物车第20章 jQuery应用开发20.1 jQuery基础开发实例402 获取文本输入框中输入的值实例403 动态修改div标记内容实例404 通过类名选择器选择元素并更改样式实例405 隐藏超级链接地址实例406 为版权列表设置样式实例407 位表单的直接子元素input换肤实例408 改变指定元素的背景颜色为淡蓝色实例409 筛选页面中div元素的同辈元素实例410 获取页面上隐藏和显示的input元素值实例411 获取和设置元素的文本内容与HTML内容实例412 为多行列表框设置并获取值20.2 jQuery表格应用实例413 匹配表单中相应的元素实例414 带表头的双色表格实例415 应用内容过滤器匹配指定单元格实例416 隔行换色并且鼠标指向行变色的表格20.3 jQuery在实际中的应用实例417 自动隐藏式菜单实例418 伸缩式导航菜单实例419 实现图片传送带实例420 打造自己的开心农场。
javascript应用实例
javascript应用实例JavaScript应用实例:制作一个简单的计算器JavaScript是一种广泛应用于网页开发的脚本语言,它可以为网页添加动态效果和交互性。
在本文中,我们将介绍如何使用JavaScript 制作一个简单的计算器。
我们需要在HTML文件中创建一个表单,其中包含数字和运算符按钮以及一个显示结果的文本框。
代码如下:```<form><input type="text" id="result" readonly><br><input type="button" value="1" onclick="addNumber(1)"><input type="button" value="2" onclick="addNumber(2)"><input type="button" value="3" onclick="addNumber(3)"><input type="button" value="+" onclick="addOperator('+')"><br><input type="button" value="4" onclick="addNumber(4)"><input type="button" value="5" onclick="addNumber(5)"><input type="button" value="6" onclick="addNumber(6)"><input type="button" value="-" onclick="addOperator('-')"><br><input type="button" value="7" onclick="addNumber(7)"><input type="button" value="8" onclick="addNumber(8)"><input type="button" value="9" onclick="addNumber(9)"><input type="button" value="*" onclick="addOperator('*')"><br><input type="button" value="0" onclick="addNumber(0)"><input type="button" value="C" onclick="clearResult()"><input type="button" value="=" onclick="calculate()"><input type="button" value="/" onclick="addOperator('/')"></form>```在这个表单中,我们使用了四个数字按钮、四个运算符按钮和一个清除按钮。
JavaScript经典实例
JavaScript经典实例跨浏览器事件跨浏览器添加事件//跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj.attchEvent('on'+type,fn); } }跨浏览器移除事件//跨浏览器移除事件function removeEvent(obj,type,fn){ if(obj.removeEventListener){ obj.removeEventListener(type,fn,false); }else if(obj.detachEvent){//兼容IE obj.detachEvent('on'+type,fn); }}跨浏览器阻⽌默认⾏为//跨浏览器阻⽌默认⾏为 function preDef(ev){ var e = ev || window.event; if(e.preventDefault){ e.preventDefault(); }else{ e.returnValue =false; } }跨浏览器获取⽬标对象//跨浏览器获取⽬标对象function getTarget(ev){ if(ev.target){//w3c return ev.target; }else if(window.event.srcElement){//IE return window.event.srcElement; }}跨浏览器获取滚动条位置//跨浏览器获取滚动条位置,sp == scroll position function getSP(){ return{ top: document.documentElement.scrollTop || document.body.scrollTop, left : document.documentElement.scrollLeft || document.bo 跨浏览器获取可视窗⼝⼤⼩//跨浏览器获取可视窗⼝⼤⼩ function getWindow () { if(typeof window.innerWidth !='undefined') { return{ width : window.innerWidth, height : window.innerHeight }} else{ return { width : document.documentElement.clientWidth, height : document.documentElement.clientHeight } } },js 对象冒充<script type = 'text/javascript'>function Person(name , age){ = name ; this.age = age ; this.say = function (){ return "name : "+ + " age: "+this.age ; } ; }var o = new Object() ;//可以简化为Object() Person.call(o , "zhangsan" , 20) ; console.log(o.say() );//name : zhangsan age: 20</script>js 异步加载和同步加载异步加载也叫⾮阻塞模式加载,浏览器在下载js的同时,同时还会执⾏后续的页⾯处理。
20个javascript开发案列
题目:20个JavaScript开发案例在当今数字化和信息化的时代,JavaScript已经成为了前端开发的主流语言之一。
它可以帮助开发者实现网页的动态交互效果,为用户带来更加流畅和丰富的网页体验。
下面将介绍20个优秀的JavaScript 开发案例,展示了JavaScript在不同领域的应用和潜力。
一、基础开发案例1. 轮播图实现在网页设计中,轮播图是非常常见的元素,它可以吸引用户的注意力,增加网页的互动性。
使用JavaScript编写轮播图实现的案例可以展示其在网页交互方面的强大功能。
2. 视频播放器JavaScript也可以用于实现网页上的视频播放功能。
通过调用浏览器的API接口,开发者可以设计出功能完善的视频播放器,实现视频的加载、播放、暂停和控制等功能。
3. 表单验证在网页开发中,表单是常见的用户交互元素。
通过JavaScript开发表单验证功能,可以在用户输入信息时进行实时的验证,提高用户的输入准确性和网页的友好性。
4. 下拉菜单下拉菜单是网页导航和内容选择中的常见组件,使用JavaScript可以实现下拉菜单的动态展开和收缩效果,增加网页的交互性和美观性。
5. 弹窗效果JavaScript可以实现各种形式的弹窗效果,如提示框、确认框、模态框等,为用户提供更好的提示和交互体验。
二、数据可视化案例6. 图表库JavaScript拥有成熟的图表库,如Echarts、Highcharts等,可以快速实现各种类型的数据可视化,满足各种复杂的图表需求。
7. WebGL应用JavaScript也可以结合WebGL技术实现3D数据可视化应用,如三维地图、虚拟现实场景等,展现出JavaScript在数据可视化方面的强大潜力。
8. 大屏数据展示使用JavaScript编写大屏数据展示应用,可以实现数据的实时更新和动态展示,为企业、政府等提供直观的数据展示和分析功能。
9. 实时监控系统JavaScript在实时监控系统中的应用也很广泛,通过实时更新数据和动态图表展示,可以实现对各种设备、系统和环境的监控和分析。
javascript大作业案例
javascript大作业案例JavaScript大作业案例1. 2048游戏2048游戏是一款经典的数字消除游戏,玩家通过滑动数字方块,使相同数字的方块相加,最终得到2048这个数字的方块。
这个案例可以通过JavaScript来实现游戏逻辑、界面交互以及分数统计等功能。
2. 在线购物车在线购物车是一个常见的电商网站功能,用户可以通过点击“加入购物车”按钮将商品添加到购物车中,然后可以查看购物车的商品列表、修改商品数量、删除商品等操作。
这个案例可以通过JavaScript实现购物车的动态更新、购物车总价的计算、商品数量的统计等功能。
3. 图片轮播图片轮播是网站常见的一种效果,可以展示多张图片,并通过自动播放或手动切换的方式进行显示。
这个案例可以通过JavaScript实现图片轮播的逻辑,包括图片的切换、自动播放的控制、切换按钮的显示等功能。
4. 数据可视化数据可视化是将抽象的数据通过图表、地图等可视化的方式展示出来,以便用户更直观地理解和分析数据。
这个案例可以通过JavaScript调用数据可视化库,如D3.js或Echarts,来实现数据的图表展示、交互操作、数据筛选等功能。
5. 在线聊天室在线聊天室是一个可以实现实时通信的网页应用,用户可以通过输入文字、发送图片等方式与其他用户进行交流。
这个案例可以通过JavaScript结合WebSocket技术来实现实时通信的功能,包括消息的发送、接收、显示等操作。
6. 博客系统博客系统是一个可以发布、编辑、管理文章的网站,用户可以注册账号、登录、撰写文章、查看文章列表等操作。
这个案例可以通过JavaScript实现用户的注册登录功能、文章的发布与编辑功能、文章列表的展示与分页等功能。
7. 在线音乐播放器在线音乐播放器可以实现在线播放音乐、创建歌单、收藏喜欢的音乐等功能。
这个案例可以通过JavaScript结合音乐API来实现音乐的搜索、播放、歌单的创建与管理等功能。
js for循环案例
js for循环案例JS中的for循环是一种非常常用的循环结构,它可以用来重复执行一段代码,根据特定的条件来控制循环次数。
下面列举了十个符合题目要求的以JS for循环为题的案例。
1. 案例一:计算1到100之间所有整数的和```javascriptvar sum = 0;for (var i = 1; i <= 100; i++) {sum += i;}console.log("1到100之间所有整数的和为:" + sum);```2. 案例二:输出1到100之间所有能被3整除的数```javascriptfor (var i = 1; i <= 100; i++) {if (i % 3 === 0) {console.log(i);}}```3. 案例三:输出1到100之间所有偶数的平方```javascriptfor (var i = 1; i <= 100; i++) {if (i % 2 === 0) {console.log(i * i);}}```4. 案例四:计算1到100之间所有奇数的乘积```javascriptvar product = 1;for (var i = 1; i <= 100; i++) {if (i % 2 !== 0) {product *= i;}}console.log("1到100之间所有奇数的乘积为:" + product); ```5. 案例五:输出1到100之间所有能同时被3和5整除的数```javascriptfor (var i = 1; i <= 100; i++) {if (i % 3 === 0 && i % 5 === 0) {console.log(i);}}```6. 案例六:输出1到10之间所有数的阶乘```javascriptfor (var i = 1; i <= 10; i++) {var factorial = 1;for (var j = 1; j <= i; j++) {factorial *= j;}console.log(i + "的阶乘为:" + factorial); }```7. 案例七:输出1到100之间所有质数```javascriptfor (var i = 2; i <= 100; i++) {var isPrime = true;for (var j = 2; j <= Math.sqrt(i); j++) { if (i % j === 0) {isPrime = false;break;}}if (isPrime) {console.log(i);}}```8. 案例八:输出一个九九乘法表```javascriptfor (var i = 1; i <= 9; i++) {var row = "";for (var j = 1; j <= i; j++) {row += i + " x " + j + " = " + (i * j) + " "; }console.log(row);}```9. 案例九:输出斐波那契数列的前20个数```javascriptvar fib = [0, 1];for (var i = 2; i < 20; i++) {fib[i] = fib[i - 1] + fib[i - 2];}console.log("斐波那契数列的前20个数为:" + fib);```10. 案例十:输出100以内的所有完数```javascriptfor (var i = 1; i <= 100; i++) {var factors = [];var sum = 0;for (var j = 1; j < i; j++) {if (i % j === 0) {factors.push(j);sum += j;}}if (sum === i) {console.log(i + "是一个完数,它的因子为:" + factors); }}```以上是十个符合题目要求的以JS for循环为题的案例。
JS脚本病毒防治
四.JavaScript对象 对象 (1) open() 打开一个窗口,共有三个参数,第一个参数是指定文件 名,即打开哪个网页,第二个参数是窗口名,第三个参数 指定所要打开窗口的结构和大小。 (2) alert() 打开一个对话框,并显示给定消息。 (3) confirm() 打开一个具有“确定”按钮和“取消”按钮的对话框, 并显示给定消息。 (4) prompt() 显示一个prompt对话框,要求用户根据显示消息给予相 应输入。 (5) close() 关闭当前窗口,系统弹出“确定”对话框。
病毒描述:这类病毒的本质是利用脚本解释器的检查漏 洞和用户权限设置不当进行感染传播;病毒本身是ascii码或 者加密的ascii码,通过特定的脚本解释器执行产生规定行为, 因其行为对计算机用户造成伤害,因此被定性为恶意程序。 最常见的行为就是修改用户主页,搜索页,修改用户收藏夹, 在每个文件夹下放置自动执行文件拖慢系统速度等;比较出 名的如美利莎邮件病毒、新欢乐时光病毒、office的宏病毒等 都属于这类。 病毒浅析:为了完成一些自动化的任务,需要用程序方 式来实现。但复杂的程序编写又不是非程序人员能够胜任的。 为了提高工作效率,方便用户*作,加强系统特性,于是许多 软件/*作系统都预留了接口给用户,用简单的方法编写一些 完成一定功能的小程序。程序本身是ascii码的,不编译,直 接解释执行,在调试/修改使用上相当简便,虽然牺牲一定效 率,但是换来了易用性。这本是一个良好的愿望,但太多的 时候,这没有起到积极的作用,反而为脚本病毒编写者提供 了良机。
浏览器状态栏显示如下:
这种是一个 吓人的把戏,只是给大家展现这 样的过程
下面来看一下JS脚本病毒的原理及防范方法 下面来看一下 脚本病毒的原理及防范方法
这类病毒编写最为简单,但造成的危害非常大。 我们常见的浏览了xx站点就被改了主页,在收藏夹 里被添加上很多无谓的东西,就是拜这类病毒所赐。 病毒描述:这类病毒的本质是利用脚本解释器的检 查漏洞和用户权限设置不当进行感染传播;病毒本 身是ascii码或者加密的ascii码,通过特定的脚本解 释器执行产生规定行为,因其行为对计算机用户造 成伤害,因此被定性为恶意程序。最常见的行为就 是修改用户主页,搜索页,修改用户收藏夹,在每 个文件夹下放置自动执行文件拖慢系统速度等;比 较出名的如美利莎邮件病毒、新欢乐时光病毒、 office的宏病毒等都属于这类。
javascript实用代码大全
javascript实⽤代码⼤全//取得控件得绝对位置(1)<script language="javascript">function getoffset(e){var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}var rec = new Array(1);rec[0] = t;rec[1] = l;return rec}</script>//获得控件的绝对位置(2)oRect = obj.getBoundingClientRect();oRect.leftoRect.//最⼩化,最⼤化,关闭<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Minimize"></object><object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Maximize"></object><OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM NAME="Command" value="Close"></OBJECT><input type=button value=最⼩化 onclick=min.Click()><input type=button value=最⼤化 onclick=max.Click()><input type=button value=关闭 onclick=close.Click()>//光标停在⽂字最后<script language="javascript">function cc(){var e = event.srcElement;var r =e.createTextRange();r.moveStart('character',e.value.length);r.collapse(true);r.select();}</script><input type=text name=text1 value="123" onfocus="cc()">//页⾯进⼊和退出的特效进⼊页⾯<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">推出页⾯<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">这个是页⾯被载⼊和调出时的⼀些特效。
js递归函数的例子
js递归函数的例子
递归函数在 JavaScript 中是一个非常有用的工具,尤其是在处理递归数据结构(如树或列表)时。
以下是一个简单的递归函数示例,该函数使用递归来计算一个数字列表的总和:
```javascript
function sum(arr) {
// 基本情况:如果数组为空,返回0
if ( === 0) {
return 0;
} else {
// 递归情况:返回当前元素加和剩余元素的总和
return arr[0] + sum((1));
}
}
(sum([1, 2, 3, 4, 5])); // 输出:15
```
这个函数的工作原理是,它首先检查数组是否为空。
如果数组为空(这是基本情况),函数返回0。
否则,函数返回当前元素(arr[0])加上剩余元素(通过 `(1)` 获得)的总和(这是递归情况)。
这样,函数就会一直递归调用自己,直到数组为空,然后开始返回结果,最终计算出整个数组的总和。
javascript大作业案例
javascript大作业案例【原创版】目录一、JavaScript 概述二、JavaScript 大作业案例分析1.案例一:图片轮播2.案例二:弹出窗口3.案例三:表单验证三、JavaScript 的应用领域四、总结正文一、JavaScript 概述JavaScript 是一种脚本语言,通常用于开发 Web 应用程序。
它可以在浏览器中运行,使得网页具有交互性。
JavaScript 可以对网页上的元素进行操作,例如改变元素的样式、添加或删除元素等。
它还可以与服务器进行通信,以获取或发送数据。
二、JavaScript 大作业案例分析1.案例一:图片轮播图片轮播是一个常见的 JavaScript 应用。
通过 JavaScript,可以实现图片的自动切换,以及图片的左右切换。
在图片轮播的实现中,主要涉及到图片的选取、图片位置的改变、定时器的使用等。
2.案例二:弹出窗口弹出窗口是另一种常见的 JavaScript 应用。
通过 JavaScript,可以在网页上打开一个新的窗口。
在弹出窗口的实现中,主要涉及到窗口的创建、窗口的大小和位置设置、窗口的关闭等。
3.案例三:表单验证表单验证是 JavaScript 在网页表单中的应用。
通过 JavaScript,可以对用户输入的数据进行验证,以确保数据的正确性。
在表单验证的实现中,主要涉及到表单的提交事件、输入框的值获取、验证规则的设置等。
三、JavaScript 的应用领域JavaScript 可以应用于各种 Web 应用程序中,例如网页游戏、电子商务网站、社交媒体应用等。
它使得这些应用具有交互性,可以提高用户的体验。
四、总结JavaScript 是一种重要的脚本语言,它可以使网页具有交互性。
通过 JavaScript,可以实现各种 Web 应用程序,例如图片轮播、弹出窗口、表单验证等。
js案例大全
js案例大全JavaScript(简称JS)是一种高级的、解释型的编程语言,它主要用于在网页上实现动态交互效果。
在网页开发中,JavaScript扮演着非常重要的角色,它可以帮助我们实现各种各样的功能和效果。
在本文中,我将为大家介绍一些常见的JavaScript案例,希望能够对大家的学习和工作有所帮助。
首先,我们来看一个简单的JavaScript案例,实现一个简单的计算器。
在这个案例中,我们可以使用JavaScript来编写一个简单的计算器,用户可以在网页上输入数字和运算符,然后点击“计算”按钮,就可以得到计算结果。
这个案例可以帮助我们了解如何使用JavaScript来处理用户的输入,并进行简单的数学运算。
接下来,我们可以看一个更加复杂的案例,实现一个图片轮播效果。
在这个案例中,我们可以使用JavaScript和CSS来实现一个图片轮播效果,用户可以在网页上点击“上一张”和“下一张”按钮来切换图片,也可以自动播放图片。
这个案例可以帮助我们了解如何使用JavaScript来操作DOM元素,以及如何结合CSS来实现动态效果。
除此之外,JavaScript还可以用来实现表单验证、动态加载数据、实现动画效果等等。
在网页开发中,JavaScript的应用非常广泛,它可以帮助我们实现各种各样的交互效果,让网页变得更加生动和有趣。
总的来说,JavaScript是一种非常强大的编程语言,它可以帮助我们实现各种各样的功能和效果。
通过学习和掌握JavaScript,我们可以为网页添加更多的交互效果,让用户体验变得更加丰富和多样化。
希望本文介绍的JavaScript案例能够对大家有所帮助,也希望大家能够在日常的网页开发中多多运用JavaScript,为用户带来更好的体验。
5个有趣的js代码
5个有趣的js代码很多⼈认为编程语⾔只是⽤于⼯作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的⼀⾯。
这篇⽂章告诉⼤家:使⽤JavaScript,可以做很多很多有趣的事情。
以下代码拷贝到地址栏回车即可运⾏,赶紧试试吧。
1. ⽹页射击游戏这个游戏可以在任何⽹页⾥⾯玩,把下⾯代码粘贴到地址栏回车,按空格键进⾏射击,W键可前进,A、D键或者⽅向键可改变射击⽅向。
javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='';void(0);2. 让图⽚飞起来只要把下⾯的代码贴到浏览器的地址栏⾥然后按Enter键,当前⽹页的所有图⽚都将动起来。
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute';DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5);document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)3. 让⽹页可编辑此JavaScript代码,可以让你实时修改任何的⽹页,在Firefox中,你甚⾄可以把修改的⽹页保存到起来,对于⽹页设计者来说,这个功能可以辅助完善页⾯效果。
javascript数组应用案例
javascript数组应用案例JavaScript数组是一种用于存储多个值的数据结构。
它可以包含不同类型的元素,如数字、字符串、对象等。
数组提供了许多有用的方法,可以对数组进行操作和处理。
下面是10个JavaScript数组应用案例。
1. 数组的创建和访问数组可以使用数组字面量或Array构造函数来创建。
通过索引值可以访问数组中的元素。
例如:```javascriptlet fruits = ['apple', 'banana', 'orange'];console.log(fruits[0]); // 输出: appleconsole.log(fruits[2]); // 输出: orange```2. 数组的长度可以使用length属性获取数组的长度。
例如:```javascriptlet fruits = ['apple', 'banana', 'orange'];console.log(fruits.length); // 输出: 3```3. 数组的迭代可以使用for循环或forEach方法来迭代数组的所有元素。
例如:```javascriptlet fruits = ['apple', 'banana', 'orange'];for (let i = 0; i < fruits.length; i++) {console.log(fruits[i]);}fruits.forEach(function(fruit) {console.log(fruit);});```4. 数组的添加和删除元素可以使用push和pop方法在数组的末尾添加和删除元素。
例如:```javascriptlet fruits = ['apple', 'banana', 'orange'];fruits.push('grape'); // 在末尾添加元素console.log(fruits); // 输出: ['apple', 'banana', 'orange', 'grape']fruits.pop(); // 删除末尾的元素console.log(fruits); // 输出: ['apple', 'banana', 'orange']```5. 数组的排序可以使用sort方法对数组进行排序。
Javascript教程ppt
function sum(x,y) {
return x+y;
}
document.write("x + y的值为:" + sum(3,6));
</script>
JavaScript教程
第10章 JavaScript核心对象
基于对象的JavaScript语言
JavaScript语言是基于对象的(Object-Based), 而不是面向对象的(object-oriented)。之所以 说它是一门基于对象的语言,主要是因为它没有提 供象抽象、继承、重载等有关面向对象语言的许多 功能。而是把其它语言所创建的复杂对象统一起来, 从而形成一个非常强大的对象系统。
窗口对象的方法
alert():弹出带有指定信息和确定按钮的警告框。 confirm():弹出带有指定询问信息的确认对话框,并
有确定和取消按钮。 prompt():产生一个输入窗口,返回输入值。
注:Windows窗口对象是所有对象的父对象,代表一个浏 览器窗口。引用windows对象的属性或方法是,可直接引 用,不必通过对象名引用。
}
JavaScript函数使用 例3
练习2:函数的使用
在javascript中: 1.定义变量r初值为3,变量pi初值为3.14; 2.定义函数area()求圆的面积; 3.在页面输出圆的面积。
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为:" + sum());
年" + (date.getMonth()+1) + "月" + date.getDate() + "日" + "星期" + date.getDay()); </script>
js定时器的使用(实例讲解)
js定时器的使⽤(实例讲解)在javascritp中,有两个关于定时器的专⽤函数,分别为:1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime);第⼀个参数“function()”是定时器触发时要执⾏的动作,可以是⼀个函数,也可以是⼏个函数,函数间⽤“;”隔开即可。
⽐如要弹出两个警告窗⼝,便可将“function();”换成“alert('第⼀个警告窗⼝!');alert('第⼆个警告窗⼝!');”;⽽第⼆个参数“delaytime”则是间隔的时间,以毫秒为单位,即填写“5000”,就表⽰5秒钟。
倒计时定时器是在指定时间到达后触发事件,⽽循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作⽤⼀次,⽽后者则不停地作⽤。
⽐如你打开⼀个页⾯后,想间隔⼏秒⾃动跳转到另⼀个页⾯,则你就需要采⽤倒计定时器“setTimeout("function();",delaytime)”,⽽如果想将某⼀句话设置成⼀个⼀个字的出现,则需要⽤到循环定时器“setInterval("function();",delaytime)” 。
获取表单的焦点,则⽤到document.activeElement.id。
利⽤if来判断document.activeElement.id和表单的ID是否相同。
⽐如:if ("mid" == document.activeElement.id) {alert();},"mid"便是表单对应的ID。
定时器:⽤以指定在⼀段特定的时间后执⾏某段程序。
JS中定时执⾏,setTimeout和setInterval的区别,以及l解除⽅法setTimeout(Expression,DelayTime),在DelayTime过后,将执⾏⼀次Expression,setTimeout 运⽤在延迟⼀段时间,再进⾏某项操作。
“您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法(JavaScript)
“您查看的⽹页正在试图关闭窗⼝。
是否关闭此窗⼝”的屏蔽⽅法(JavaScript)⽤JS代码关闭窗⼝时会提⽰“您查看的⽹页正在试图关闭窗⼝。
是否关闭此窗⼝”在IE6中,可以通过在close之前设置窗体的opener属性值得以解决,范例代码如下:window.opener= null;window.close();在IE7中,上述的代码并⽆法奏效,前⼏天没找到什么可以解决的⽅法,今天换了搜索关键词,竟然找到了可以解决的办法,⽽且也不⽤改IE设置(据说改了设置也没有⽤),⽰例代码如下window.opener= null;window.open("","_self");window.close();如果要全屏显⽰(去掉IE的⼯具栏、地址栏和菜单栏等信息),则只能⽤window.open();的⽅法。
如果第⼀个页⾯就要全屏显⽰,则需要设置⼀个中转页⾯。
中转页⾯代码如下:(body中什么都不必写)<head><title></title><script type="text/javascript" >function openwindow() {window.open('pos_search.htm', 'newwindow', 'fullScreen=1, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=n o, status=no');window.opener = null;window.open("", "_self");window.close();}</script></head><body onload="openwindow()"></body></html>。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第11章文档对象范例11-1 使两个文本框中的文字内容保持一致,在一个文本框中输入字符,另一个跟着发生变化。
范例11-2 document对象的getElementById(ID)属性访问指定标签中的值。
范例11-3 在一个表单中输入信息,而在同一页面的另一个表单中显示输入的信息。
范例11-4 设置超链接的颜色,使得超链接文本在访问前后字体发生变化。
范例11-5 使用bgcolor属性来设置网页背景颜色和默认文字颜色。
范例11-6 使用document对象来显示文档信息。
范例11-7 在标题栏中显示滚动信息。
范例11-8 下面是一个非常使用的防盗程序。
范例11-9 用document的writeln和write属性在网页中输出内容。
范例11-10 在当前文档的程序中将信息写入其他文档。
范例11-11 document对象的属性应用举例。
范例11-12 获取文档中所以HTML元素。
范例11-13 用三种方法引用文档中的HTML元素。
范例11-14 引用文档元素中的子元素。
范例11-15 创建一个图像对象并显示图片。
范例11-16 防止网页上出现无效图,当图片无效时,显示一个特定的图片。
范例11-17 显示图片的信息。
范例11-18 定时切换图片,实现幻灯片效果。
范例11-19 在网页中随机显示图片广告。
范例11-20 动态改变图片大小。
范例11-21 感知鼠标移动事件,当鼠标移到文字上时的页面效果。
范例11-22 查看一个网页上的所有超链接。
范例11-23 JavaScript实现真正的分页显示。
范例11-24 网站目录。
范例11-25 取得文档中的锚与链接数。
范例11-26 这个例子有两个文档,它主要展示了如何用锚在文档中找到指定位置。
综合练习11-1 制作一个分页显示的程序,假设有10篇文章,要求在一个页面中,能从第一篇一一浏览到最后一篇,并且可以随时查看当前文章的上一篇和下一篇。
写一个程序,让一张图片从指定位置,自左向右慢慢运动。
当运动到指定地点后,图片又反向运动。
并且在运动中交替显示图片。
第12章历史对象和地址对象范例12-1 前进到当前页的上一页和下一页。
范例12-2 实现页面自动跳转程序。
范例12-3 取得当前地址对象的属性,并输出URL中的协议、主机名等信息。
范例12-4 手动加载新页面,让按钮具有超链接的功能。
范例12-5 获取当前地址的参数。
范例12-6 用location的三种方法加载一个文档。
范例12-7 地址对象方法的应用:刷新文档。
范例12-8 实现动态加载一个新文档。
综合练习12-1 制作一个登陆界面,输入用户名与密码,并且进行验证,当验证成功,则跳转到指定页面(自己设定),当不成功时返回当前页,并且用两个超链接,一个实现“提交”的功能,另一个实现“重置”的功能。
第13章表单对象和表单元素范例13-1 大小写的转换。
范例13-2 用代码模拟表单的提交按钮和重置按钮。
范例13-3 当用户重置或提交表单时,询问用户是否确定他所要执行的操作。
范例13-4 下面是一个简单的混合表单验证,主要是验证用户输入是否为E-mail地址和是否为空。
范例13-5 表单对象的属性应用举例。
范例13-6 设置表单的提交方式。
范例13-7 重置表单的提示。
范例13-8 实现不使用提交按钮提交表单。
范例13-9 通过表单元素的命名来访问表单元素的值,其方法有三种。
范例13-10 查看文本框的属性。
范例13-11 动态跟踪文本框中输入的文字个数。
范例13-12 限制文本框中输入的字数。
范例13-13 当打开网页时,自动选择文本框中的文字,当鼠标经过文本框时清除文本。
范例13-14 做一个调色板,用来测试网页的背景色和前景色是否协调。
范例13-15 改变多行文本框大小,使文本框的大小自动适应文本框中内容的多少。
综合练习13-1 有一个多行显示的文本框,要求对输入在其中的值进行格式对齐的编辑,且能够自动切换为英文输入法。
13-2 编写一个数字竞猜游戏,先随机生成一个竞猜的数,在限定次数的情况下,判断用户输入是否正确,当游戏完成后,可以刷新页面,重新开始程序,或者退出关闭页面。
用户使用时,鼠标移到文本框上时,文本框得到焦点,并选中文字。
第14章脚本化cookie范例14-1 检测浏览器是否支持cookie功能。
范例14-2 创建cookie并读取该域下所有cookie的值。
范例14-3 先设置两个cookie,然后再一一获得这两个值。
范例14-4 对cookie进行编码和解码,尝试在cookie中加入一些特殊字符。
范例14-5 设置cookie的生存期。
范例14-6 在本例中,cookie”username”被设置成在10分钟之后过期,可以被服务器上的所有目录访问,可以被localhost域中所有服务器访问,安全状态为安全。
综合练习14-1 写一个程序,当浏览者访问该网页时,记录他的姓名和访问该网页的次数。
写一个程序,用来记录客户登录时的帐号和密码。
第15章JavaScript与XML技术范例15-1 编写程序,检测当前HTML文档BODY标签下的所有节点,并将节点名输出。
范例15-2 在范例15-1的基础上做变化,在对话框中显示检测到的所有BODY子节点的节点类型。
范例15-3 编写程序,给当前Web页的BODY标签添加自定义属性“Author”并设置为“Zognan”,表示创建该Web页的作者。
范例15-4 在网页中实现对每个用户的特别问候,增加网站的亲切感,简单地实现如实例。
范例15-5 根据用户输入的图片URL地址,将图片添加到浏览器窗口中显示。
范例15-6 编写JavaScript程序操作HTML文档,使用DOM接口创建一个文本节点。
并将其添加到BODY标签所有子节点的末尾。
范例15-7 通过修改IMG节点对象的SRC属性更换IMG对象的图片,实现网页上的图形按钮。
用户在按钮上单击时在信息框中输入当前图片的URL地址。
范例15-8 使用TreeWalker对象遍历HTML文档。
范例15-9 编写程序,检查当前浏览器是否支持XML 1.0综合练习15-1 网页中通常使用XML文件记录导航菜单命令的属性,通过制定XML数据文件即可动态配置菜单。
在此使用一个XML文件组织菜单数据,在网页中使用JavaScript 程序分析该XML文件并生成超级链接列表,通过单击表项可以链接到指定的网页。
第16章正则表达式范例16-1 使用正则表达式过滤受限制的词汇,下面这个例子是要过滤一些有血腥、暴力倾向的词汇。
范例16-2 练习如何运用元字符,如在实际中常常会用到查询、查找指定字符前后的字符。
范例16-3 规定用户只能输入字母加数字或数字,检验用户输入是否合法。
范例16-4 查找字符串中,指定的字符串连续出现两次的子字符串。
范例16-5 查找字符串中,指定的字符串连续出现两次的子字符串。
范例16-6 要在一篇英文资料中查找“discount”和“discover”两个单词。
范例16-7 让用户输入以com结尾的域名,判断用户输入是否合法。
范例16-8 日期的验证格式是否符合要求,要求输入的格式类似“20081114”或“081114”范例16-9 验证电子邮箱地址的合法性。
综合练习16-1 使用JavaScript编写一个用于检测电话是否正确的函数checktel(),该函数只有一个参数tel,用于获取输入的联系电话号码,返回值为true或flase。
编写一程序实现全文检索,并将搜索到的字符用红色标记。
第17章Ajax基础范例17-1 创建XMLHttpRequest对象的一般方法。
范例17-2 从外部的XML文件加载消息数据,在当前网页中实现自动翻阅。
范例17-3 在会员注册页面实现用户重名检测的功能,如果填写的用户名已经存在则给出更换提示,客户端程序如。
综合练习17-1 用Ajax实现文章的分页,要求能浏览上一页、下一页,还可以跳转到指定的页。
第18章Ajax高级应用范例18-1 实现一个加法计算器,当用户填完第二个操作数后自动在结果文本框中显示计算结果。
范例18-2 使用iframe实现局部刷新。
在不刷新整个页面的情况下根据用户在文章中的选择显示相应的文章。
范例18-3 使用JavaScript程序,改进iframe框架的刷新方式。
范例18-4 基于范例范例18-3的情景模式,利用Ajax技术实现文章内容的更新。
在选择某一个文章标题后浏览器在后面加载文章,在数据加载未完成时用户可以做其他工作而不必等待。
客户端HTML文件如。
综合练习18-1 利用Ajax技术在网页中实现简单的在线聊天功能,聊天信息中带有消息发送时间。
第19章JavaScript与插件范例19-1 使用MessageBoard组件显示公告消息。
范例19-2 演示JavaScript和Applet的交互。
在Web页中嵌入Applet程序MessageBoard,使用JavaScript更换MessageBoard中的消息文字。
范例19-3 在Web页中嵌入上一小节创建的MessageBoard,轮流显示两条消息。
综合练习19-1 将winds系统自带的媒体播放器ActiveX控件插入网页中,实现MP3音乐的播放功能。
添加一个播放/暂停按钮。
使用JavaScript控制音频的播放。
Windos Media Player的ActiveX控件的全球唯一标识符为“6BF52A52-394A-11D3-B153-00C04F79FAA6”19-2 创建一个Flash,用于将一组(x,y)坐标数据显示为曲线图。
数据由用户从JavaScript中传送给Flash绘制在舞台上,可以绘制由任意多个顶点组成的曲线。
第20章JavaScript的调试与优化范例20-1 学习使用”debugger”语句设置程序调试断点。
范例20-2 实现一个简单的日志对象,记录日志信息。
该日志对象保存记录对象信息,提供添加记录对象和显示记录信息的方法。
综合练习20-1 在VS2005 中创建一个HTMl文件,输入如下程序。
最后启动程序调试,按“F11”键单步执行程序,在局部变量窗口中观察变量的值。