做网站投注员挣钱吗,合肥seo推广外包,网站建设及优化的策划书,如何取消危险网站提示一、改变新闻网页中的字号 1、设计如图1-1所示的界面#xff0c;要求当网络访问者选择字号中的【大、中、小】时能实现页面字号大小变化#xff0c;选择“中”时#xff0c;页面效果如图1所示。 图1 单击前初始状态页面 图2 单击“中”链接后页面 2、div中内容如下#x… 一、改变新闻网页中的字号 1、设计如图1-1所示的界面要求当网络访问者选择字号中的【大、中、小】时能实现页面字号大小变化选择“中”时页面效果如图1所示。 图1 单击前初始状态页面 图2 单击“中”链接后页面 2、div中内容如下 JavaScript是一种能让你的网页更加生动活泼的程式语言也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。 3、Style对象的属性。 可通过HTML DOM Style 对象网页查看。 二、消息对话框综合应用 设计一个消息对话框综合应用页面效果如图3-图6所示。 图3 消息对话框初始页面 图4 点击“输入姓名”后的页面 图5 提示框信息 图6 告警消息对话框页面 三、编写JavaScript程序实现简易密码验证页面布局如图7所示 图7简易密码验证对话框 要求定义函数checkKey(),函数的功能是判断密码输入框输入的密码长度是否大于或者等于8密码支付中是否含一个及以上个字母若不符合要求则提示告警信息分别为“密码长度必须大于等于8请重输”“密码中必须包含一个或者以上字母请重输”单机告警框中的“确认”按钮将原密码框内容清空。 1. script typetext/javascript //定义设置字体大小函数 function $(id){return document.getElementById(id);} function setFont(size){ $(content).style.fontSizesize; } /script 使用document.getElementById(id)函数和ID定义设置字体大小函数。 div iddiv1选择字号【 nbsp;a href# onclicksetFont(12px);小/anbsp; a href# onclicksetFont(18px);中/anbsp; a href# onclicksetFont(24px);大/a】 /div 利用超链接和设置字体大小函数完成改变新闻网页中的字号的要求。 2. script function mj(id) { var nprompt(输入你的姓名); if(n!nulln!){ alert(你的姓名是n); document.getElementById(id).valuen; } else alert(请你输入姓名); } /script form fieldset legend消息对话框综合应用/legendbr span 姓名br/spanbr spaninput typetext idlook readonlyreadonly/spanbrbrbr p aligncenterinput typebutton namebutton value输入姓名 onclickmj(look) input typereset namereset value清空 /p /fieldset /form 使用document.getElementById(id)函数和ID加js 变量完成动态变化表单数值的效果。 3. script function $(id){return document.getElementById(id);} function submittext(){ var n$(input1).value; if(n.length8){ var x1/^[0-9a-zA-Z]$/; var x2/^[0-9]$/; if(!x2.test(n)) { if(!x1.test(n)) { alert(密码至少包括一个字母请重新输入); $(input1).value; } else alert(输入成功); } else { alert(密码至少包括一个字母请重新输入); $(input1).value; } } else{ alert(密码必须大于等于8); $(input1).value; } } /script 借用正则表达式的test函数使用3层if判断 实现简易密码验证的要求。 图1 图2 图3 图4 图5 图6 图7 图8 1.
!-- prj_9_1.html --
!doctype html
html langen head meta charsetUTF-8 title 改变新闻网页中字号 /title style typetext/css #div1{text-align:center;font-size:16px;} /*定义图层样式*/ #content{ font-size:12px;line-height:2em;padding:10px; background:#c0c0c0;color:black;border:2px groove #FCFF57;} p{text-indent:2em;} /*定义段落样式*/ /style script typetext/javascript //定义设置字体大小函数 function $(id){return document.getElementById(id);} function setFont(size){ $(content).style.fontSizesize; } /script /head body h2 aligncenter用JavaScript改变新闻网页中字号/h2 div iddiv1选择字号【 nbsp;a href# onclicksetFont(12px);小/anbsp; a href# onclicksetFont(18px);中/anbsp; a href# onclicksetFont(24px);大/a】 /div div idcontent pJavaScript是一种能让你的网页更加生动活泼的程式语言也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。/p /div /body
/htmL
2.
!DOCTYPE html
html langen
head meta charsetUTF-8 meta http-equivX-UA-Compatible contentIEedge meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title style legend{text-align: center;} fieldset{border-color: blue;b
