本书讲述了Javascript和DOM的基础知识,但重点放在DOM编程技术背后的思路和原则:预留退路、循序渐进和以用户为中心等,这些概念对于任何前端Web开发工作都非常重要。
本书将这些概念贯穿在书中的所有示例代码中,使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本,最后结合所讲述的内容创建了一个实际的网站。
目录第1章JavaScript简史1.1JavaScript的起源1.2浏览器战争1.2.1DHTML1.2.2浏览器之间的冲突1.3制定标准1.3.1浏览器以外的考虑1.3.2浏览器之争的结局1.3.3新的开始1.4小结第2章JavaScript语法2.1准备工作2.2语法2.3语句2.4变量2.4.1数据类型2.4.2数组2.5操作2.6条件语句2.6.1比较操作符2.6.2逻辑操作符2.7循环语句2.7.1while2.7.2do...while2.7.3for2.8函数2.9对象2.9.1内建对象2.9.2宿主对象2.10小结第3章DOM3.1文档:DOM中的"D"3.2对象:DOM中的"O"3.3模型:DOM中的"M"3.3.1节点3.3.2getElementById()方法3.3.3getElementsByTagName()方法3.4趁热打铁3.4.1getAttribute()方法3.4.2setAttribute()方法3.5小结第4章案例研究:JavaScript美术馆4.1编写标记语言文档4.2编写JavaScript函数4.2.1DOM之前的处理方案4.2.2showPic()函数的代码清单4.3JavaScript函数的调用4.4对JavaScript函数进行功能扩展4.4.1childNodes属性4.4.2nodeType属性4.4.3在HTML文档里增加一段描述性文本4.4.4用JavaScript代码改变〈p〉元素的文本内容4.4.5nodeValue属性4.4.6firstChild和lastChild属性4.4.7利用nodeValue属性刷新〈p〉元素的文本内容4.5小结第5章JavaScript编程原则和良好习惯5.1不要误解JavaScript5.1.1不要归罪于JavaScript5.1.2Flash的遭遇5.1.3质疑5.2预留退路5.2.1“javascript:”伪协议5.2.2内嵌的事件处理函数5.2.3有何不好5.3向CSS学习5.4分离JavaScript5.5向后兼容性5.6小结第6章案例研究:JavaScript美术馆改进版6.1快速回顾6.2处理“预留退路”问题6.3处理“分离JavaScript”问题6.3.1添加事件处理函数6.3.2进行必要的检查6.3.3创建必要的变量6.3.4创建循环6.3.5完成必要的操作6.3.6完成JavaScript函数6.3.7把多个JavaScript函数绑定到onload事件处理函数上6.4JavaScript函数的优化:不要做太多的假设6.4.1不放过每个细节6.4.2键盘浏览功能6.4.3慎用onkeypress事件处理函数6.4.4把JavaScript与CSS结合起来6.5DOMCore和HTML-DOM6.6小结第7章动态创建HTML内容7.1document.write()方法7.2innerHTML属性7.3DOM提供的方法7.3.1createElement()方法7.3.2appendChild()方法7.3.3createTextNode()方法7.4重回“JavaScript美术馆”7.4.1inse
2023/3/5 6:44:49 23.05MB JavaScript DOM 编程艺术 js
1
wechat-weapp-movie微信小程序:在线电影票网站(入门示例)>微信小程序,可以说是近半年来开发和运营者们讨论最多的话题之一。
自己也尝试入坑玩了一把,感觉还挺有意思,非常适合生活服务和阅读类项目。
对于微信小程序的一些理解:小程序正如其名,小/轻。
是一套独立封闭程序。
和以往开的发有2个最大不同:无法使用DOM,不基于window、document。
所以等HTML标签,都需通过、等组件来实现,常用的jQuery、Zepto等JS框架也都无法使用。
好在小程序提供详细开发文档,理解起来并不费劲。
并且借鉴了React、VUE的优秀设计,如果你对这他们有一定基础,接触起来会更显方便。
至于小程序和APP之间的好坏博弈,各有各的优缺点。
可改编自当年HTML5和FLASH之间交战所讨论出的一句话:“用户才懒得管你什么小程序还是APP,用户关怀的是应用、是体验、是便利。
”最后,因为基于微信生态系统,所以究竟走多远、多广,还得看“企鹅”在市场领域的掌控度和用户心理的走向。
项目功能近期电影列表底部加载更多查看电影详情查看电影剧照组件的使用项目截图
2023/1/10 8:10:06 359KB 微信小程序
1
一个游戏开发策划参考文档Chris+Taylor's+Design+Document中文译稿附一个《魔兽世界》网络游戏副本任务制作方法例望对各位有所协助
2015/10/22 1:21:38 1.1MB 游戏开发 游戏策划 文档 模板
1
2009年写的matlabmdp源码,里面有全部的英文document引见说明
2018/9/22 20:41:11 225KB matlab mdp 源码 实现
1
'此代码发布后,可随意改哈,欢迎光临我的网址导航网站http://www.97tt.orgPrivateDeclareFunctionShellExecuteLib"shell32.dll"Alias_"ShellExecuteA"(ByValhwndAsLong,ByVallpOperationAsString,_ByVallpFileAsString,ByVallpParametersAsString,_ByVallpDirectoryAsString,ByValnShowCmdAsLong)AsLongPrivateSubCommand1_Click()UnloadMeEndSubPrivateSubCommand2_Click()OnErrorResumeNextRichTextBox1.Text=""DimTablesAsIHTMLElementCollectionSetTables=WebBrowser1.Document.getElementsByTagName("Table")DimTable1AsHTMLTableDimRowAsHTMLTableRow,CellAsHTMLTableCellForEachTable1InTables'NextFori=1ToTable1.rows.length-2'逐行处理SetRow=Table1.rows(i)j=0ForEachCellInRow.cells'逐列处理RichTextBox1.Text=RichTextBox1.Text+Trim(Row.cells(j).innerText)+","j=j+1Next'一行处理终了后,去除行尾的逗号并加上回车RichTextBox1.Text=Left(RichTextBox1.Text,Len(RichTextBox1.Text)-1)+vbCrLfNextNextEndSub
1
web网页端全屏截图,支持svg截图支持高级浏览器先遍历svg元素转换为dom元素在通过html2canvas.js直接调用没有svg的情况下直接调用html2canvas的方法$("#btn").click(function(){html2canvas($("#box"),{onrendered:function(canvas){////把截取到的图片替换到a标签的路径下载//$("#download").attr('href',canvas.toDataURL());////下载上去的图片名字//$("#download").attr('download','share.png');document.body.appendChild(canvas);}});});
2015/4/26 22:41:26 371KB 全屏截图 截图 svg svg截图
1
目录第1章JavaScript基础1.1关于JavaScript1.2了解JavaScript1.3WorldWideWeb1.4Web应用程序结构1.5JavaScript与VBScript第2章JavaScript与HTML2.6HTML基础2.7在HTML文档中嵌入JavaScript2.8编写JavaScript脚本第3章JavaScript基本语法3.9JavaScript基本数据结构3.10JavaScript运算符和表达式3.11JavaScript控制结构和循环第4章Window窗口对象4.12Window窗口对象的属性4.13Window窗口对象的方法4.14创建和关闭窗口第5章document对象5.15document对象的属性5.16document对象的方法第6章文本对象6.17文本对象属性6.18文本对象的方法6.19文本对象的事件6.20文本区域对象第7章按钮对象7.21buttonsubmitreset对象7.22复选框对象7.23Radio对象第8章选择和隐藏对象8.24select对象8.25隐含对象第9章location对象9.26hash属性9.27Href属性9.28pathname属性9.29Protocol属性第10章history对象第11章layer对象11.30layer属性11.31layer对象的方法11.32JavaScript操作层第12章字符串对象12.33转义字符12.34字符串对象的属性12.35字符串对象的方法第13章日期对象13.36时间对象的属性13.37时间对象的设置第14章数学对象14.38math对象的属性14.39math对象的方法第15章数组对象15.40数组对象的创建15.41数组对象的扩充15.42对象类数组第16章样式单实例16.43样式单的实用16.44样式单的定义16.45样式单的使用第17章实用小程序17.46导言17.47形态栏滚动信息17.48计算用户来访次数17.49散布页面的星星17.50永在顶端的图片第18章JavaScript语言的扩展18.51ActiveX通信18.52调用插入件第19章网上购物系统19.53示例特性19.54源代码19.55功能概述19.56程序详解第20章2000珍藏版20.57Cookie入门20.58实例特性20.59程序源代码20.60功能概述20.61程序详解第21章时钟日历21.62示例特性21.63源代码21.64功能概述21.65程序详解第22章JavaScript服务器端编程22.66预备知识22.67实例学习22.68功能概述22.69脚本详解第23章网络安全性23.70安全性破坏的种类23.71安全服务
2022/9/5 10:22:26 5.22MB javascript基础教程
1
本文以柱形图和饼形图ajax动态赋值为例一、饼形图赋值步骤(1)jsp页面<!--引入echarts官方js-->[removed][removed]<body><!--为ECharts预备一个具备大小(宽高)的DOM饼形图-->[html]viewplaincopy</body>(2)js页面//饼图模板vardom=document.getElementById(first);
2021/9/3 2:29:53 70KB ajax ar art
1
之前自己做的一个图书管理系统,显示图书借阅排行榜,因为翻译在数据库中有为空的字段,故前台显示会显示undefined。
以下贴上部门代码:$(document).ready(function(){$("#rankTabletbody").html("");varid=1;$.ajax({url:"bookInfo/bookInfo_rank.action",type:"POST",data:{},dataType:"json",success:function(data){$(data).each(func
2016/11/8 11:08:08 36KB ajax def ed
1
HTML页面,ajax是基于id的,所有用id表示。
拿到的数据会显示在这里ajax源码:$(document).ready(function(){$.ajax({url:admin/get_online_ganbu.php,//后台请求的数据,用的是PHPdataType:json,//数据格式type:post,//请求方式async:false,//能否异步请求success:function(dat
2017/9/12 23:17:54 32KB ajax 前端 前端开发
1
共 33 条记录 首页 上一页 下一页 尾页
在日常工作中,钉钉打卡成了我生活中不可或缺的一部分。然而,有时候这个看似简单的任务却给我带来了不少烦恼。 每天早晚,我总是得牢记打开钉钉应用,点击"工作台",再找到"考勤打卡"进行签到。有时候因为工作忙碌,会忘记打卡,导致考勤异常,影响当月的工作评价。而且,由于我使用的是苹果手机,有时候系统更新后,钉钉的某些功能会出现异常,使得打卡变得更加麻烦。 另外,我的家人使用的是安卓手机,他们也经常抱怨钉钉打卡的繁琐。尤其是对于那些不太熟悉手机操作的长辈来说,每次打卡都是一次挑战。他们总是担心自己会操作失误,导致打卡失败。 为了解决这些烦恼,我开始思考是否可以通过编写一个全自动化脚本来实现钉钉打卡。经过一段时间的摸索和学习,我终于成功编写出了一个适用于苹果和安卓系统的钉钉打卡脚本。
2024-04-09 15:03 15KB 钉钉 钉钉打卡