HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十五章 JavaScript编程的函数和正则表达式 案例 15-01 函数的定义与调用 <!...-- 函数定义在HTML网页的head元素中的script子元素中; 亦可在单独的脚本文件中定义,并保存在外部文件中; --> myresume(); 15-02 函数参数的值传递 函数参数的值传递 <script type="text/<em>javascript</em>..., 861); document.write("显示数组中所有元素的值:", x, ""); document.write("这组数中的最大值是:", max
HTML5+CSS3+JavaScript从入门到精通 17-01 用户登录界面! 17-07 用户名和密码存储到cookie中 <!...Internet连接来传输; --> 用户名和密码存储到cookie中...; } } 用户名和密码存储到cookie中...-- 若存储时进行了encodeURI(),则使用时要用decodeURI()解析; cookie中各参数之间使用分号(;)和空格进行连接,可使用split()将每个属性值分离,存储到数组中
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第二十章 JavaScript的DOM编程 案例 20-01 HTML文档的节点属性 <!...利用DOM中的对象,开发人员可对文档(如HTML)进行读取、搜索、修改、添加和删除等操作. DOM将整个文档展现为内存中的一棵树,每个元素、属性都是树上的一个节点。...id的元素 在HTML中,id特性是唯一的,没有两个元素可以共享同一个id,getElementById()方法是从文档树中获取单个元素最快的方法。...; x.insertData(16, ""); 20-08 replaceChild(...item获取里面的元素,相当于下标 var tb = table1.getAttribute("border"); document.write("表格起始的border属性值为
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十八章 JavaScript的网页特效 案例 18-01 文字的跑马灯效果 <!...能够处理多种类型的数据,这些数据类型可以分为两类,基础数据类型和引用数据类型", "JavaScript的基本数据类型包括常用的数值型、字符串和布尔型,以及两个特殊的数据类型:空值和未定义...script的代码,可在IE中调试,若有问题,IE中F12后会提示。...="text/javascript"> //测试的效果是:只能在form表单范围内移动,就有效果,若在其他地方移动,对话框中的值不变; function MouseMove...> 18-14 下拉菜单特效 <!
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第七章 HTML网页中的布局元素 案例 07-01 网页头部和底部的布局 <!...-- article元素代表文档、页面、应用程序或网站中独立的、完整的、可以独自被外部引用的内容; 它通常有自己的标题、页脚等; --> <meta...经典页面布局中,分为header,main,aside,footer --> aside...--> nav元素中的导航栏 <style type="text/css...副标题<em>从</em>时间上加以限制,具体指作者中学时代的一件事。
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十三章 JavaScript编程的判断结构 案例 13-01 任意输入两个数,显示两个数的大小关系 13-02 、13-03...DOCTYPE html> <!...0.15; reward5 = reward4 + 400000 * 0.2;//如果script没有执行预定的结果,可以调用document.write函数来调试,看看哪一句没有执行到,...; } if (week >= 2 && week <= 5) { document.write("努力工作中~");...document.write("第三个数是:", c, ""); document.write("第四个数是:", d, ""); document.write("这四个数中,
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第三章 案例 03-01 表格的外框(table) 和 行(tr) 單元格(td) <!...-- rowspan 和 colspan 都是寫在單元格中;且合併之後的列,不需要再把這列數據列出 比如: rowspan=4之後,下面只需5個, 因為默認的那個數據在...FFFFCC] \ RGB(125,125,125) cellpadding: 單元格與內容的距離; cellspacing: 單元格之間的距離; rules: [all:默認值]...--/body--> 03-08 窗口的左右設置 <!
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十二章 Javascript编程的初步知 案例 12-01 JavaScript的数值常量
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第九章 CSS中的各种样式 案例 09-01 字体的font-family属性 <!...-- font-size:关键字/像素值 现在用关键字做字体大小的设置的人越来越少,大多数使用像素值 关键字: xx-small:最小 x-small:较小...small:小 medium: 默认值,正常 large:大 x-large:较大 xx-large:最大 --> <meta...-- text-indent: 首行缩进,一般2个字的间距,所以值为font-size值的2倍即可 默认情况,也可在内容中使用4个 实现,但代码比较冗余 --> <html...对文本和图片均有效 --> 段落样式中的text-align和line-height属性
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十四章 Javascript编程的循环结构 案例 14-01 利用while循环显示100以内的自然数 利用while循环显示100以内的自然数 <script type="text/<em>javascript</em>...max : a; } document.write("随机数中,最大数为:", max); 14-03...;到第10天早上想吃时,只剩下一个桃子; var day = 9, x = 1; document.write("第10天桃子的数量是:", x, "个");
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第八章 CSS基础 案例 08-01 CSS的基本语法 <meta
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第二十一章 JavaScript的框架库jQuery 案例 21-01 jQuery的使用 21-08 自定义动画
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十六章 JavaScript的对象编程 案例 16-01 通过对象直接量创建对象 <!...-- JavaScript允许在一个数组中存储任何类型的值 var arr = new Array("abc", 0, 1, true); --> ...document.write("Object对象myobj2的constructor属性值:" + myobj2.constructor + ""); document.write...("Object对象myobj2的toString()方法值:" + myobj2.toString() + ""); document.write("Object对象myobj2...的valueOf()方法值:" + myobj2.valueOf() + "");
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十九章 JavaScript窗口的控制和提醒功能 案例 19-01 打开窗口 ...DOCTYPE html> <!
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第二章 案例 2-1 在網頁中排版一首古詩! 在網頁中排版一首古詩!...DOCTYPE html> 在網頁中排版一首古詩!... 2-3 文本元素 文本元素 <h1 align="center
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第一章 案例 01-01 這是第一個HTML5程序! 這是第一個HTML5程序!... 01-03 第一個JavaScript程序! 第一個JavaScript程序!... var x; x=prompt("請輸入變量x的值:", "10");//10是默認值 if(x>0)
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第六章 HTML网页中的音频和视频 案例 06-01 利用audio元素播放音频 <!
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第四章 HTML網頁中的表單 案例 04-01 用户登录界面! <!...submit-提交,reset-重置,button-按钮) size-框宽度, maxlength-内容最大长度 value-默认值,..."> ...--step是每次变动的值, 如果填的值不是(value+n*step),提交时会提示值无效--> 请设置购买音响的数量: CSS <option value="<em>JavaScript</em>
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第五章 HTML网页中的canvas绘图 案例 05-01 canvas元素 <script type="text/<em>javascript</em>
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十章 CSS盒子模型和布局 案例 10-01 content内容 <!...值可以为负数 --> content内容 10-02 固定定位 <!...#b { width: 60px; height: 40px; position: fixed;/*固定定位,只需指定两个属性值,...和里层的margin加起来,才是两个盒子之间真正的实际距离*/ } #s { position: absolute;/*另外,static的值则为默认属性
领取专属 10元无门槛券
手把手带您无忧上云